scroll-timeline

Read More at MDN DocsView Spec

Safe to Use

Experimental: This feature is experimental. Learn More

scroll-timeline is not safe to use.

It’s supported by 0% of global browsers.

Browsers

ChromeUnsupported
Chrome does not support this feature.
SafariUnsupported
Safari does not support this feature.
EdgeUnsupported
Edge does not support this feature.
FirefoxUnsupported
Firefox does not support this feature.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Unsupported
Chrome does not support this feature.
Jul 18, 2023 – Latest
v115.0.0+
3%╱12%

Partial Support

scroll-timeline-attachment not included in shorthand.

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
Unsupported
Chrome Android does not support this feature.
Jul 21, 2023 – Latest
v115.0.0+
6%╱17%

Partial Support

scroll-timeline-attachment not included in shorthand.

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
Unsupported
Edge does not support this feature.
Jul 21, 2023 – Latest
v115.0.0+
1%╱22%

Partial Support

scroll-timeline-attachment not included in shorthand.

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 axis 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
Unsupported
WebView Android does not support this feature.
Jul 21, 2023 – Latest
v115.0.0+

Partial Support

scroll-timeline-attachment not included in shorthand.

See Also

Contribute