view-timeline-axis

The view-timeline-axis CSS property specifies the scroll direction to be used for a named view progress timeline.

The view-timeline-axis property specifies the direction, or <axis>, of named view progress timelines that are based on the element’s box.

By default, CSS @keyframes animations progress along the time-based default timeline. When you set the animation progress via a view progress timeline instead, view-timeline-axis specifies the direction that controls the timeline progression.

For view progress timelines, progression of the animation along the timelines is based on the visibility of the element, or subject. The view-timeline-axis property is set on the subject.

Syntax example: view-timeline-axis: block;