Core Code
Core Code Modern Dev Handbook

Animation Duration

Control animation speed using animation-duration.

Preview

Code

<style>
.box{
width:80px;
height:80px;
background:#22c55e;
animation:spin 3s linear infinite;
}

@keyframes spin{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
</style>

<div class="box"></div>

More CSS Animations Examples (8)

example Basic CSS Animation open example example Animation Delay open example example Animation Iteration open example example Animation Direction open example example Animation Fill Mode open example example Spinner Animation open example example Pulse Animation open example example Hover Animation open example