Web platform features explorer - linear() easing

Web platform features explorer

Tags: css Groups: CSS

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.

Learning resources on MDN

Linear, in <easing-function>

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

Surveys

State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~1.905% of page loads. More data at chromestatus.

Specifications

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

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature