← All Tools

Cubic Bezier Curve Editor

Drag the control points to design a CSS cubic-bezier() timing function. Preview the animation and copy the value.

P1 control point P2 control point

Value

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

Control Points

Presets

Animation Preview

ms

CSS Snippet