CSS · Functions and values

cubic-bezier()

Defines a custom timing curve for transitions and animations.

cssRunnable example css course

Syntax

cubic-bezier(x1, y1, x2, y2)

Example

Try it

.demo { transition: transform 220ms cubic-bezier(.2,.8,.2,1); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.