Web platform features explorer - cubic-bezier() easing

Web platform features explorer

Tags: css Groups: Animation CSS > Transitions (CSS)

The cubic-bezier() CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The ease, ease-in, ease-out, and ease-in-out keyword values are presets for common Bézier curves.

Learn more

<easing-function>

Specifications

CSS Easing Functions Level 2 (#cubic-bezier-easing-functions), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome 16 Released on 2011-12-13
Chrome Android 18 Released on 2012-06-27
Edge 12 Released on 2015-07-29
Firefox 4 Released on 2011-03-22
Firefox for Android 4 Released on 2011-03-29
Safari 6 Released on 2012-07-25
Safari on iOS 6 Released on 2012-09-10

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist