CSS animation

Generate a scale keyframe and the animation rule.

Processed in this browser. Nothing is sent to a server.

Aa
Result
@keyframes pulse {
  from { transform: scale(1); }
  to { transform: scale(1.06); }
}
.animated {
  animation: pulse 1.2s ease infinite alternate;
}

How do I use CSS animation?

Enter the name and duration.

What are the limits of CSS animation?

The preview uses the same animation.

Related tools