CSS Cubic-Bezier Editor & Path Tester

100% Client-Side

Curve Editor

Preview Easing

Control Points

P1 (X1, Y1)

X1 0.5

Y1 0.5

P2 (X2, Y2)

X2 0.5

Y2 0.5

CSS cubic-bezier()

cubic-bezier(0.5, 0.5, 0.5, 0.5)