Copied!
FOXYYY
ANIMATION
foxyyy.com
LIGHT
CSS Animation Generator
Build CSS animations visually with keyframes, timing curves, and live preview.
Presets
Fade In
Slide Up
Bounce
Pulse
Spin
Animation Properties
Name
Duration
Delay
Timing
ease
linear
ease-in
ease-out
ease-in-out
cubic-bezier default
back
elastic out
circ-in
circ-out
steps(4)
steps(8)
Iteration
1
2
3
5
infinite
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Timing curve:
Keyframes
+ ADD
Preview
RESTART
Generated CSS
COPY CSS