Web features explorer - linear() easing

Web features explorer

The linear() easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.

Browser support

Chrome 113 Released on 2023-05-02
Chrome Android 113 Released on 2023-05-02
Edge 113 Released on 2023-05-05
Firefox 112 Released on 2023-04-11
Firefox for Android 112 Released on 2023-04-11
Safari 17.2 Released on 2023-12-11
Safari on iOS 17.2 Released on 2023-12-11

MDN documentation

`<easing-function>` CSS type

Specifications

CSS Easing Functions Level 2 (#the-linear-easing-function), from Cascading Style Sheets (CSS) Working Group (W3C).

Usage (according to Chrome Platform Status)

~13.918% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Surveys

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