Easing Curve Editor

Shape a cubic-bezier easing curve by dragging two control points, watch it run next to linear, and copy it for CSS, Tailwind or Motion.

transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
/* or */
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);