view-timeline-axis
Specifies the axis (vertical or horizontal) that a 'view-timeline' should follow. For most standard web pages, this is 'block' (vertical scrolling).
Quick example
.container {
/* Sets the view animation to track vertical scrolling */
view-timeline-axis: block;
}Quick facts
Initial value
blockInherited
No
Applies to
all elements
Animation type
notAnimatable
Values
blockinline view-timeline-axis Browser Support
Limited availability 80% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
115+
114+
115+