Web features explorer - cubic-bezier() easing

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. To learn more, see <easing-function> at MDN.

Compatibility

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

Specifications

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