TAG
CSS
Result
Run
License
<input type="checkbox" id="ckb-start" /> <label for="ckb-start">Try it</label> <div></div>
div { width: 100px; height: 100px; background: red; position: relative; border-radius: 50%; } #ckb-start:checked ~ div { /*나머지 속성은 생략되어 기본 값으로 처리된다.*/ animation: myani 2s infinite; } @keyframes myani { from { left: 0; top: 0; } 50% { top: 100px; } to { left: 300px; top: 0; } }
Console
expand_less
License
License
by DevDic
Close