Cubic-Bezier Visualizer
UtilitiesCurve Graph
Active timing preview
Duration (s)
Delay (s)
ease
Full CSS (duration + delay)
transition: all 1.5s ease 0s;
Timing Only
transition-timing-function: ease;
Framer Motion
ease: [0.25, 0.10, 0.25, 1.00]
Curve Graph
Active timing preview
Duration (s)
Delay (s)
ease
Full CSS (duration + delay)
transition: all 1.5s ease 0s;
Timing Only
transition-timing-function: ease;
Framer Motion
ease: [0.25, 0.10, 0.25, 1.00]