🎬 CSS Animation Generator

Generate CSS @keyframes animations with live preview. Choose from fadeIn, slideUp, bounce, rotate, pulse, and shake.

Animation Type

Duration (s)

Delay (s)

Direction

Easing

Iterations

Live Preview

Box

Generated CSS (click to copy)

About CSS Animation Generator

Create custom CSS @keyframes animations with a live preview.

How do I use the generated CSS?

Copy the CSS code and paste it into your stylesheet.