CSS3 逐帧动画使用技巧

2021-01-09 03:28

阅读：390

标签：除了 class animate anim span 动画 step ima start

逐帧动画：

-webkit-animation: animate-steps 1s steps(1, start) infinite;

animation: animate-steps 1s steps(1, start) infinite;

（1）step-start 与 step-end

除了 steps 函数，animation-timing-function 还有两个与逐帧动画相关的属性值 step-start 与 step-end：

step-start 等同于 steps(1,start)：动画执行时以开始端点为开始；

step-end 等同于 steps(1,end)：动画执行时以结尾端点为开始。

（2）动画帧的计算：

CSS3 逐帧动画使用技巧

标签：除了 class animate anim span 动画 step ima start

原文地址：https://www.cnblogs.com/zhongfufen/p/13553889.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：CSS3 逐帧动画使用技巧
文章链接：http://soscw.com/index.php/essay/41071.html

亲，登录后才可以留言！