用animation的step()方法实现动画效果
steps(n,[ start | end ] ]?)函数,这个函数可以把动画平均划分为基本相等的,这个n是一个自然数,意思就是把一个动画平均分成n等分,直到平均地走完这个动画,__与linear不同,linear是不间断的完成一个动画,而steps是一帧一帧执行的。__step-start等同于steps(1,start),动画分成1步,动画执行时为开始左侧端点的部分为开始;step-end等同于steps(1,end):动画分成一步,动画执行时以结尾端点为开始,默认值为end。
w3c图解如下: