很多复杂的动画,无法用css3变形的方式画出来,而是采用一帧一帧连续播放静态图片的方式形成动画。
线性动画会有一个渐变的过程,而帧动画可以没有渐变的过程,只显示每个时间节点的状态
帧动画的实现要靠steps(<integer> [ , [ start | end ] ]
)方法
参数1(integer):将每个时间段拆再拆分成几段,并不是设置整个动画分为几段
参数2:决定从一帧到另一帧的中间间隔是用开始帧还是结束帧来进行填充
注
为了兼容IE10等 动画需使用雪碧图 不可切换图片url