CSS · Properties — Scroll-driven Animations
animation-range
The CSS animation-range property. Initial value: animation-range-start,animation-range-end. Not inherited.
Syntax
animation-range: [ <'animation-range-start'> <'animation-range-end'>? ]#Example
Try it
Notes
Media: visual. Applies to: allElements. Computed value: animation-range-start,animation-range-end.
More in this group
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.