Toolypet
Tools
Blog
Change language
Toggle theme
CSS Tools
/
Easing Function Editor
Easing Function Editor
Design custom cubic-bezier easing functions for smooth animations
Curve Editor
Reset
0
1
0
1
Drag control points to adjust curve
Controls
Point 1
P1 X
P1 Y
Point 2
P2 X
P2 Y
Duration
1s
Cubic Bezier Value
Animation Preview
Play
Presets
Linear
Ease
Ease In
Ease Out
Ease In Out
Ease In Quad
Ease Out Quad
Ease In Out Quad
Ease In Cubic
Ease Out Cubic
Ease In Out Cubic
Ease In Back
Ease Out Back
Ease In Out Back
CSS Code
Loading...