问答详情
源自:3-2 关键帧动画

steps参数

-webkit-animation-timing-function: steps(3);steps这个函数中参数该怎么确定?

提问者:陪安东尼度过漫长的岁月 2016-05-25 16:33

个回答

  • 曦呦
    2016-06-01 15:25:23

    我在网上查到的一个解释是,step()主要是的css sprite使用的,给出首位的两个图的位置,3表示切换的次数,切换3次 background-position 使其变为连续的动画。

  • 磅礴
    2016-05-25 22:19:15

    steps()函数中参数是根据自己想要动画通过几帧来执行确定的,比如在动画从开始到结束期间,你想要动画分3步完成,那参数就是3,分5步完成,那参数就是5。(要理解这个:animation-timing-function指定动画将如何完成一个周期。)