CSS3的Animation 复合使用:
animation: move 1s steps(12,end) infinite ;
第一个参数是调用keyframes动画第二个参数规定的时间第三个参数steps(12,end)steps() 函数:steps(12,end) 第一个参数是在规定的时间中的间隔数量;第二个参数值有两个(end和start)end:动画执行时以结尾端点为开始;start:动画执行时为开始左侧端点的部分为开始第四个参数:重复的次数 infinite(无限次的循环)@keyframes move{from{background-position: 0 0;}to{background-position:-576px 0;}}
CSS3的Animation有八个属性
animation-name :动画名fnanimation-duration:时间1sanimation-delay:延时1sanimation-iteration-count:次数 infiniteanimation-direction:方向 alternate(反向)animation-play-state:控制 running pausedanimation-fill-mode:状态forwards(当动画完成后,保持最后一个属性值)animation-timing-function:关键帧变化