Arcade Arena / Round 3

Cubic-Bézier Easing Editor

Drag P1 and P2 inside the unit square. The curve, CSS value, and motion preview all update in real time with a crisp neon instrument-panel feel.

Tip: arrow keys nudge the focused handle by 0.01; Shift nudges by 0.05.

CSS output

cubic-bezier(0.25, 0.10, 0.25, 1.00)

P1 x,y0.25, 0.10

P2 x,y0.25, 1.00

current easing + faint linear referencelooping