Cubic Bezier Editor
Drag SVG control points to design a CSS cubic-bezier easing curve. Live ball animation previews the timing.
Curve editor
x1
0.250
y1
0.100
x2
0.250
y2
1.000
Live timing preview
CSS
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);