革命性动画创新，scroll-timeline如何成为动画杀手锏？
- 内容介绍
- 文章标签
- 相关推荐
本文共计3358个文字，预计阅读时间需要14分钟。
在CSS规范中，推出了划时代的新功能——滚动链接动画。这便是—the @scroll-timeline at-rule，直译过来就是滚动时间线。本文将带大家深入探究，从入门到学会使用CSS @scroll。
在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。
本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline。
什么是 @scroll-timeline 滚动时间线呢？
@scroll-timeline 能够设定一个动画的开始和结束由滚动容器内的滚动进度决定，而不是由时间决定。
意思是，我们可以定义一个动画效果，该动画的开始和结束可以通过容器的滚动来进行控制。
本文共计3358个文字，预计阅读时间需要14分钟。
在CSS规范中，推出了划时代的新功能——滚动链接动画。这便是—the @scroll-timeline at-rule，直译过来就是滚动时间线。本文将带大家深入探究，从入门到学会使用CSS @scroll。
在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。
本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline。
什么是 @scroll-timeline 滚动时间线呢？
@scroll-timeline 能够设定一个动画的开始和结束由滚动容器内的滚动进度决定，而不是由时间决定。
意思是，我们可以定义一个动画效果，该动画的开始和结束可以通过容器的滚动来进行控制。