css3中 animation

animation 定义动画属性

CSS animation 属性是

1. animation-name，动画名称 用@keyframes定义动画
   animation-name属性是必须存在的，因为animation-name的值默认是none，没有动画。

2. animation-duration, 动画持续时间
   默认值为0s，表示无动画。

3. animation-timing-function，
   动画在每一动画周期中执行的节奏。可能值为一或多个
   （1）linear:表示动画从头到尾的速度都是相同的。

   （2）ease-in:表示动画以低速开始。

   （3）ease-out:表示动画以低速结束。

   （4）ease-in-out:表示动画以低速开始和结束。

4. animation-delay，
   动画于何时开始，即从动画应用在元素上到动画开始的这段时间的长度。
   默认值为0，立即开始
   可以为负值，-1在1秒时动画开始

5. animation-iteration-count，
   定义动画在结束前运行的次数 可以是1次 无限循环.
   infinite
   无限循环播放动画.
   
   动画播放的次数；默认值为1。可以用小数定义循环，来播放动画周期的一部分：例如，0.5 将播放到动画周期的一半。不可为负值。

6. animation-direction，
   动画是否反向播放
   (1)normal
   每个循环内动画向前循