monks/scroll_timeline_name

The scroll-timeline-name CSS 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). scroll-timeline-name is set on the scroller that will provide 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.

The {{cssxref(“scroll-timeline-axis”)}} and scroll-timeline-name properties can also be set using the scroll-timeline shorthand property.

Values

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

none

</>

pub const none: #(String, String)

: The timeline has no name.

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for scroll-timeline-name

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for scroll-timeline-name. It will be wrapped in var() and have -- prepended.