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).
It is documented as part of the Scroll-driven Animations specification.
Syntax
/* Usage Example */
.container {
/* Sets the view animation to track vertical scrolling */
view-timeline-axis: block;
}
/* Syntax */
view-timeline-axis: block;
view-timeline-axis: inline;
/* Global values */
view-timeline-axis: inherit;
view-timeline-axis: initial;
view-timeline-axis: revert;
view-timeline-axis: revert-layer;
view-timeline-axis: unset;view-timeline-axis Browser support
Limited availability
Since
2020 80% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
115+
114+
115+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more