Easing Editor
Drag the two control points, watch the curve, copy the CSS.
x is time, 0 to 1, and is clamped to that range. y is progress and can go past 0 or 1 for overshoot. Drag the two handles, or arrow keys once focused (shift for bigger steps).
Drag the two control points, watch the curve, copy the CSS.
x is time, 0 to 1, and is clamped to that range. y is progress and can go past 0 or 1 for overshoot. Drag the two handles, or arrow keys once focused (shift for bigger steps).