The scroll-timeline-axis property specifies the axis of any named scroll progress timelines sourced from this scroll container. If the box is not a scroll container, the corresponding timeline is inactive. Multiple comma-separated values may parallel scroll-timeline-name..scroller {
scroll-timeline-axis: y;
}.scroller {
scroll-timeline-name: --t1, --t2;
scroll-timeline-axis: block, inline;
}blockThe default value. Uses the measure of progress along the block axis of the scroll container.inlineUses the measure of progress along the inline axis of the scroll container.xUses the measure of progress along the horizontal axis of the scroll container.yUses the measure of progress along the vertical axis of the scroll container.CSS Scroll-linked Animations Module Level 1Editor's DraftW3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
