Cubic-Bezier Easing Builder
Build custom CSS cubic-bezier transition curves
100% Client-Side
Private & Secure
Curve Presets:
X1 (Time)
0.42
Y1 (Progress)
0
X2 (Time)
0.58
Y2 (Progress)
1
Box
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);