scroll-timeline-name

The scroll-timeline-name CSS property is used to define the name of a named scroll progress timeline.

The scroll-timeline-name property is used to define the name of a named scroll progress timeline, which is progressed through by scrolling a scrollable element (scroller) between top and bottom (or left and right).

Set the scroll-timeline-name property on the scroller that provides the timeline. The name is then referenced in an animation-timeline declaration to indicate the container’s element that is used to drive the progress of the animation through the scrolling action.

If the element does not overflow its container in the axis dimension or if the overflow is hidden or clipped, no timeline will be created.

Syntax example: scroll-timeline-name: none;