CSS Animation Generator
Build CSS keyframe animations with easing, duration and live preview.
Animation Type
Fade In
Slide Up
Slide Left
Bounce
Rotate
Scale
Shake
Duration:
1
s
Easing
ease
ease-in
ease-out
ease-in-out
linear
Spring
Iteration
infinite
1
2
3
Element Color
Copy HTML
Copy CSS
Tailwind
Reset
Code copied