EduByte.tech
Start learning
CSS · Properties — Scroll-driven Animations

scroll-timeline-axis

The CSS scroll-timeline-axis property. Initial value: block. Not inherited.

cssRunnable example css course
Syntax
scroll-timeline-axis: [ block | inline | x | y ]#

Example

Try it

Notes

Media: interactive. Applies to: scrollContainers. Computed value: asSpecified.

More in this group

animation-range animation-range-end animation-range-start scroll-timeline scroll-timeline-name timeline-scope view-timeline view-timeline-axis

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course