cubic-bezier() easing
Widely available since 2018-01-29
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.
Learning resources on MDN
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