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; /*애니메이션 횟수를 3회로 설정*/ animation-iteration-count: 3; } @keyframes myani { from { left: 0; top: 0; } 50% { top: 100px; } to { left: 300px; top: 0; } }
Console
expand_less
License
License
by DevDic
Close