CSS @keyframes Animation Builder

Visual animation generator with live preview

Animate

Duration Timing function Iteration count Direction Delay Fill mode

How to use

Click a preset to load and preview the animation
Adjust duration, timing, iteration, direction and fill mode in the controls
The preview updates live; click Replay to restart
Copy the generated CSS and paste into your stylesheet