css.properties

scroll-timeline

The scroll-timeline shorthand property sets scroll timeline properties.

Formal Syntax

[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#
Initial value
see individual properties
Applies to
all elements
Inherited
no
Percentages
see individual properties
Computed value
see individual properties
Animation type
not animatable

See specification

JavaScript Access

// Access via element.style
element.style.scrollTimeline = 'value';

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
scroll-timeline11511126115
none115—26115

Behind a Flag

Some browsers require enabling a flag or preference:

  • scroll-timeline — firefox: #layout.css.scroll-driven-animations.enabled = true (since 111) — The syntax of the shorthand property uses the fixed order of name and then the axis.

Related Properties