CSS · Properties — Scroll-driven Animations

animation-range-start

The CSS animation-range-start property. Initial value: normal. Not inherited.

cssRunnable example css course

Syntax

animation-range-start: [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#

Example

Try it

.demo { animation-range-start: normal; }

Media: visual. Applies to: allElements. Computed value: listEachItemConsistingOfNormalLengthPercentageOrNameLengthPercentage.

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