CSS 动画一般都是基于时间，最新的 Animation Timeline AP… · 郑州 · 时刻

CSS 动画一般都是基于时间，最新的 Animation Timeline API 可以改成基于视口，即根据元素在视口中移动的百分比来触发动画。

视口驱动的 CSS 动画: https://www.joshwcomeau.com/animation/scroll-driven-animations/