Cubic Bezier Generator
Build a cubic-bezier easing curve for transitions and animations. Drag the control points or pick a preset, then copy the timing function.
Curve
0.40
0.00
0.20
1.00
Preview
Live preview of the CSS you are building. Adjust the controls to see changes instantly.
Code
Copy the declaration into your stylesheet or inline style attribute.
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);