问答详情
源自:3-2 精灵动画的实现

-moz-animation-timing-function:steps(1,start);这条语句中到1到底是什么意思

我百度的解释是:0%到25%之间的执行次数。那么我将他设置成5的话是不是只会速度加快,而不是位置发生变化。

提问者:小生浩宁 2017-12-25 18:14

个回答

  • 慕粉3828920
    2017-12-27 15:33:15

    steps(n,start);n表示帧与帧之间分n次跳跃变化;一般默认情况下你定义的动画,帧与帧之间是【连续】过渡变化;而当你设置了-moz-animation-timing-function:steps(1,start),表示帧与帧之间的变化改为分n次【跳跃】变化,不在连续。