Back to all tools

Easing

Design a cubic-bezier curve by feel.

Preview

p1 = (0.34, 1.56) · p2 = (0.64, 1.00)

Presets
transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1.00);

The y-axis can go above 1 or below 0 for overshoot and anticipation. Drag the green handle (P1) and pink handle (P2) to shape the curve.