CSS3 逐帧动画使用技巧

标签：除了   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