animation-timeline (scroll)
animation-timeline (scroll) is a CSS property in the Animation category. Specifies the timeline used for scroll-driven animations. The syntax is animation-timeline: auto | none | <timeline-name> | scroll() | view(). How the values behave: scroll() uses the scroll position of a scroll container, view() tracks an element's visibility. A typical example: animation-timeline: scroll(nearest block); A close relative is animation, which controls animation and transition timing and behavior. A close relative is animation-name, which controls animation and transition timing and behavior. A close relative is animation-duration, which controls animation and transition timing and behavior. More about this category: CSS animation properties for transitions, keyframes, and motion. Related Animation entries: animation, animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support.