Scroll-triggered animationsScroll-triggered animations start and stop CSS animations when an element is within or outside a scrolling range. It's an alternative to applying styles with the IntersectionObserver API. Not to be confused with scroll-driven animations.scrollingScrollinglimitedhttps://drafts.csswg.org/animation-triggers-1/https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/trigger-scopeapi.AnimationTriggercss.properties.animation-triggercss.properties.animation-trigger.nonecss.properties.timeline-triggercss.properties.timeline-trigger-activation-rangecss.properties.timeline-trigger-activation-range-endcss.properties.timeline-trigger-activation-range-end.normalcss.properties.timeline-trigger-activation-range-startcss.properties.timeline-trigger-activation-range-start.normalcss.properties.timeline-trigger-activation-range.normalcss.properties.timeline-trigger-active-rangecss.properties.timeline-trigger-active-range-endcss.properties.timeline-trigger-active-range-end.autocss.properties.timeline-trigger-active-range-end.normalcss.properties.timeline-trigger-active-range-startcss.properties.timeline-trigger-active-range-start.autocss.properties.timeline-trigger-active-range-start.normalcss.properties.timeline-trigger-active-range.autocss.properties.timeline-trigger-active-range.normalcss.properties.timeline-trigger-namecss.properties.timeline-trigger-name.nonecss.properties.timeline-trigger-sourcecss.properties.timeline-trigger-source.autocss.properties.timeline-trigger-source.nonecss.properties.timeline-trigger.autocss.properties.timeline-trigger.nonecss.properties.timeline-trigger.normalcss.properties.trigger-scopecss.properties.trigger-scope.allcss.properties.trigger-scope.nonehttps://nowyoucanuse.com/features--scroll-triggered-animations.html