陪安东尼度过漫长的岁月
2016-05-25 16:33
-webkit-animation-timing-function: steps(3);steps这个函数中参数该怎么确定?
我在网上查到的一个解释是,step()主要是的css sprite使用的,给出首位的两个图的位置,3表示切换的次数,切换3次 background-position 使其变为连续的动画。
steps()函数中参数是根据自己想要动画通过几帧来执行确定的,比如在动画从开始到结束期间,你想要动画分3步完成,那参数就是3,分5步完成,那参数就是5。(要理解这个:animation-timing-function指定动画将如何完成一个周期。)
H5+JS+CSS3 实现圣诞情缘
122015 学习 · 211 问题
相似问题