cubic-bezier() easing

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.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

16

Supported

Mozilla Firefox

4

Supported

Apple Safari

6

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

4

Safari iOS

6

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.types.easing-function ↗ css.types.easing-function.cubic-bezier ↗