CSS Cubic Bezier Visualizer

Craft, tweak, and preview bespoke timing functions with real-time graph dragging and bouncing ball simulation.

Live Simulation Preview

Duration: 1.2s
X1
Y1
X2
Y2
transition: all 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0);