CSS Cubic Bezier / Easing Editor
Start from a familiar preset or dial every control point manually, then test the motion live.
Curve controls
Pick a preset or edit each control point directly.
Curve output
Copy the CSS easing value and sanity-check the motion samples.
10%
0.095
20%
0.409
30%
0.802
40%
0.960
50%
0.994
cubic-bezier(0.25, 0.1, 0.25, 1)