CSS3动画七要素

animation-fill-mode :动作结束时保持该状态不变：

 

none：不改变默认行为。    

forwards ：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。    

backwards：在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。    

both：向前和向后填充模式都被应用。    

 

animation-play-state 属性规定动画正在运行还是暂停：

paused	规定动画已暂停
running	规定动画正在播放。

-webkit-animation-name 性规定动画名称

-webkit-animation-name: mytest;

@-webkit-keyframes mytest{

}

animation-timing-function 规定动画的速度曲线（形式）。

linear	动画从头到尾的速度是相同的。	测试
ease	默认。动画以低速开始，然后加快，在结束前变慢。	测试
ease-in	动画以低速开始。	测试
ease-out	动画以低速结束。	测试
ease-in-out	动画以低速开始和结束。	测试
cubic-bezier(n,n,n,n)	在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

-webkit-animation-delay规定动画的延迟时间，动画何时开始

-webkit-animation-delay: .3s;

 

-webkit-animation-iteration-count属性定义动画的播放次数

-webkit-animation-iteration-count: 1;

infinite

规定动画应该无限次播放。

animation-duration 属性定义动画完成一个周期所需要的时间，以秒或毫秒计。

-webkit-animation-duration: .6s;