Free Animation Tool
Cubic Bezier Curve Playground & Spring Comparator
The Cubic Bezier Editor lets you visually manipulate P1 and P2 control handles to craft custom CSS transition curves, while side-by-side comparing their linear timing limitations against interruptible spring physics.
Live Interactive Simulator
120 FPS GPU EngineCubic Bezier Coordinates
cubic-bezier(0.16, 1, 0.3, 1)Generated Production Output
/* CSS Cubic Bezier Timing */
transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);