TAG
CSS
Result
Run
<div class="target"></div>
@keyframes myani { 0% { left: 0; top: 0; } 20% { left: 20px; top: 50px; } 40% { left: 40px; top: 0; } 60% { left: 60px; top: 50px; } 80% { left: 80px; top: 0; } 100% { left: 100px; top: 50px; } } .target { position: absolute; width: 50px; height: 50px; border-radius: 50%; background: #FF0000; animation: myani 1s alternate infinite; }
Console
expand_less