scroll-timeline-axis

Read More at MDN DocsView Spec

Safe to Use

Experimental: This feature is experimental. Learn More

scroll-timeline-axis is not safe to use.

It’s supported by 10% of global browsers.

Browsers

ChromeJul 18, 2023v115.0.0
3%╱12%
There are no users of Chrome running a supported version.
SafariUnsupported
Safari does not support this feature.
EdgeJul 21, 2023v115.0.0
1%╱22%
There are no users of Edge running a supported version.
FirefoxUnsupported
Firefox does not support this feature.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Jul 18, 2023 v115.0.0
3%╱12%
There are no users of Chrome running a supported version.
Jul 18, 2023 – Latest
v115.0.0+
3%╱12%

Full Support

Mar 7, 2023 – Latest
v111.0.0+
20%╱80%

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.

Nov 29, 2022 – Latest
v108.0.0+
23%╱88%

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.

Chrome Android
Jul 21, 2023 v115.0.0
6%╱17%
There are no users of Chrome Android running a supported version.
Jul 21, 2023 – Latest
v115.0.0+
6%╱17%

Full Support

Mar 7, 2023 – Latest
v111.0.0+
32%╱88%

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.

Nov 29, 2022 – Latest
v108.0.0+
32%╱90%

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.

Edge
Jul 21, 2023 v115.0.0
1%╱22%
There are no users of Edge running a supported version.
Jul 21, 2023 – Latest
v115.0.0+
1%╱22%

Full Support

Mar 13, 2023 – Latest
v111.0.0+
4%╱96%

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.

Dec 6, 2022 – Latest
v108.0.0+
4%╱99%

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.

Firefox
Unsupported
Firefox does not support this feature.
Mar 14, 2023 – Latest
v111.0.0+
2%╱90%

This feature is behind the layout.css.scroll-driven-animations.enabled preference (needs to be set to true

The syntax of the shorthand property uses the fixed order of name and then the axis.

Supports the deprecated horizontal and vertical values, and not the x and y values.

The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.

Jul 26, 2022 – Feb 14, 2023
v103.0.0 – v110.0.0
0%╱2%

This feature is behind the layout.css.scroll-linked-animations.enabled preference (needs to be set to true

The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.

Firefox for Android
Unsupported
Firefox for Android does not support this feature.

No Support

Internet Explorer
Unsupported
Internet Explorer does not support this feature.

No Support

 
Quest Browser
Unsupported
Quest Browser does not support this feature.

No Support

Opera
Unsupported
Opera does not support this feature.
Unknown
v97.0.0+

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.

Dec 15, 2022 – Latest
v94.0.0+
0%╱5%

This feature is behind the #enable-experimental-web-platform-features preference (needs to be set to Enabled

The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.

Opera Android
Unsupported
Opera Android does not support this feature.

No Support

Safari
Unsupported
Safari does not support this feature.

No Support

Safari on iOS
Unsupported
Safari on iOS does not support this feature.

No Support

Samsung Internet
Unsupported
Samsung Internet does not support this feature.

No Support

WebView Android
Jul 21, 2023 v115.0.0
WebView Android supports this feature.
Jul 21, 2023 – Latest
v115.0.0+

Full Support

See Also

Contribute