Craft custom cubic-bezier easing curves with a draggable graph and animated preview.
Drag the gold & blue handles. Use arrow keys for fine control (Shift = bigger step).
Control points
x1
y1
x2
y2
Presets
Live preview
1.2s
Custom
Linear
Output
cubic-bezier(0.25, 0.1, 0.25, 1)
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);
