CSS Easing Generator
Curve Editor
Drag the handles — x is clamped to [0, 1], y may overshoot for back easings.
Value
cubic-bezier(0.420, 0.000, 0.580, 1.000)
x1
0.420
y1
0.000
x2
0.580
y2
1.000
Duration
0.8s
Live Demo
transition: all 0.8s cubic-bezier(0.420, 0.000, 0.580, 1.000);
Presets
Back easings overshoot the target (y values outside 0–1) for a springy feel.
We can't find the internet
Attempting to reconnect
Something went wrong!
Attempting to reconnect