The animation-range shorthand sets animation-range-start and animation-range-end together — specifies the attachment range of the animation along its timeline (mostly with scroll/view timeline)..card {
animation-range: entry 0% cover 50%;
}.reveal {
animation: fade-in linear;
animation-timeline: view();
animation-range: cover 20% cover 80%;
}min:0max:9999step:5units:% | pxnormalThe default value. Range from start to 100% of timeline.coverview-timeline: full element cover range.containview-timeline: range where element is fully contained.entryview-timeline: entry into scrollport.exitview-timeline: exit from scrollport.entry-crossingview-timeline: entry crossing.exit-crossingview-timeline: exit crossing.scrollscroll-timeline: range along the full scroll axis.CSS Animations Level 2Editor's Draft<length-percentage>W3CMDN
