🎞️ CSS Animation Builder
Create keyframe animations visually · live preview · export @keyframes
🔧 Keyframes
drag stops
+ Add keyframe
Reset
Duration (s)
Delay (s)
Iteration
(∞ = 999)
Direction
normal
reverse
alternate
Easing
linear
ease
ease-in
ease-out
cubic-bezier
cubic-bezier (x1,y1,x2,y2)
Presets:
Bounce
Fade In
Slide
Spin
Pulse
Shake
👁️ Preview & code
animate
▶ Play
⏸ Pause
⏹ Reset
running
@keyframes
/* keyframes will appear here */
animation shorthand
/* animation shorthand */