css-anim-gen
Share
🌓
Box
▶ Play Animation
⏸ Pause
Animation Settings
Name
Duration (s)
1
Easing
ease
linear
ease-in
ease-out
ease-in-out
bounce
steps
Delay (s)
Iterations
1
2
3
infinite
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Keyframes
+ Add Point
CSS Output
Copy Code
Copied to clipboard!