Drag the handles to craft a custom cubic-bezier() easing function for CSS animations and transitions.
CSS Output
cubic-bezier(0.25, 0.1, 0.25, 1)
Presets
Preview
Usage: Copy the value and use it as the timing function in any CSS transition or animation-timing-function. X values are clamped to [0,1]. Y values can go outside [0,1] for overshoot / bounce effects.