The animation-range-start property sets the start of an animation's attachment range — the point where the animation begins. Starting keyframes attach at this point..card {
animation-range-start: entry 0%;
}.reveal {
animation-range-start: cover 25%;
animation-range-end: cover 75%;
}min:0max:9999step:5units:% | pxnormalThe default value. Timeline start (0%).coverElement cover range.containElement contained range.entryEntry into scrollport.exitExit from scrollport.entry-crossingThe crossing point of the element's edge entering the scrollport.exit-crossingThe crossing point of the element's edge exiting the scrollport.scrollStart of the full scroll range along the scroll-timeline axis.CSS Animations Level 2Editor's Draft<length-percentage>W3CMDN
