在过去的几年里,人们对滚动驱动的动画进行了很多讨论和实验。
这肯定是一个非常闪亮的功能,一旦 Firefox 中支持它(没有标志),它就会成为基线。
它是 Interop 2026 的一部分,所以应该会相对较快。
从本质上讲,滚动驱动的动画将动画时间轴的位置与滚动位置联系起来,因此,如果您滚动了 50%,那么您也会有 50% 进入动画,而且它们的设置也非常容易。
我也发现人们对新的 CSS 角形状属性很感兴趣,尽管它目前仅适用于 Chrome。
因此,向滚动驱动的角形动画问好(需要 Chrome 139+ 才能完全工作):。
来源:CSS Tricks











