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.

Learn more

Linear, in <easing-function>

Specifications

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

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

Developer signals

State of CSS 2025: features/all_features question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

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

Web Platform Tests (WPT)

View the latest WPT test results for this feature

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