← Back to naviwork.tools
CSS Animation Generator
Presets
Animation Name
Duration (s)
Easing
ease
linear
ease-in
ease-out
ease-in-out
bounce
smooth
steps(5)
Iteration
1
2
3
infinite
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Delay (s)
Keyframes
+ Add
Preview
Easing Curve
Generated CSS
Copy
Copied!