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 ease-out infinite; } @keyframes myani { from { left: 0; top: 0; } to { left: 300px; top: 0; } }
Console
expand_less
License
License
by DevDic
Close