Core Code
Core Code Modern Dev Handbook

Pulse Animation

Pulse animations highlight UI elements.

Preview

Code

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

@keyframes pulse{
0%{transform:scale(1);}
50%{transform:scale(1.2);}
100%{transform:scale(1);}
}
</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 Iteration open example example Animation Direction open example example Animation Fill Mode open example example Spinner Animation open example example Hover Animation open example