All tools

Cubic bezier editor

The x-axis is time, the y-axis is progress. Handles above the box overshoot past the target and settle back — the bouncy feel. X stays clamped to 0–1 because time cannot rewind.

Preview

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);