#animation-range

CSS 滚动驱动动画的 range：如何精确控制动画的起止进度

本文聚焦 CSS 滚动驱动动画中 animation-range 的机制，解释如何将动画时间线映射到滚动容器的特定区间，并与默认的全区间映射对比。以长页面中多个元素依次进入视口触发动画为例，结合 IntersectionObserver 方案分析 range 的触发时机、性能影响、适用边界与浏览器支持。