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

来源:3-2 精灵动画的实现

小生浩宁

2017-12-25 18:14

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

写回答 关注

1回答

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

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

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211525 学习 · 540 问题

查看课程

相似问题