元素随滚动从透明到可见
元素从左侧滑入
元素随滚动缩放
页面滚动进度条
使用CSS滚动驱动动画生成器非常简单，只需三个步骤：
CSS滚动驱动动画是CSS新特性，允许动画进度由滚动位置控制，而非时间。使用animation-timeline: scroll()或view()来定义，无需JavaScript。
scroll()时间线基于滚动容器的滚动进度（0%到100%），view()时间线基于元素进入/离开视口的进度。scroll()适合页面级动画，view()适合元素出现动画。
Chrome 115+和Edge 115+完全支持。Firefox和Safari尚在开发中。建议使用@supports做渐进增强。