Core Code
Core Code Modern Dev Handbook

Animation Iteration

animation-iteration-count controls repetition.

Preview

Code

<style>
.box{
width:80px;
height:80px;
background:#2563eb;
animation:bounce 0.6s ease 4;
}

@keyframes bounce{
0%{transform:translateY(0);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0);}
}
</style>

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

More CSS Animations Examples (8)

example Basic CSS Animation open example example Animation Duration open example example Animation Delay 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