Cubic Bezier Easing

Craft a CSS cubic-bezier easing curve with a live curve preview and animated demo.

CSS

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

The X values are clamped to 0–1 (a CSS requirement); Y can overshoot for bouncy curves. The dot above previews the easing live. Runs locally.