Frontend Tool
CSS Animation Timing Tester
Compare predefined easing functions with a custom cubic-bezier curve visually.
Live Comparison
Play All
Custom cubic-bezier
C
linear
L
ease
E
ease-in
Ei
ease-out
Eo
ease-in-out
Eio
Duration (seconds)
2.0s
Custom cubic-bezier(x1, y1, x2, y2)
x1 (0 to 1)
y1
x2 (0 to 1)
y2
Popular presets:
Bouncy
Back Out
Expo Out
CSS Output
Copy