🔧
ToolHub
← All Tools
CSS Animation Builder
Build CSS keyframe animations visually and copy the code.
Animation Name
Duration
s
ms
Delay
s
ms
Iteration Count
1
2
3
infinite
Direction
normal
reverse
alternate
alternate-reverse
Timing Function
ease
ease-in
ease-out
ease-in-out
linear
steps(4)
spring / bounce
Fill Mode
none
forwards
backwards
both
Preset Animations
Fade In
Slide Up
Bounce
Spin
Pulse
Shake
Preview
⏸ Pause
↺ Restart
Generated CSS
Copy