# animation

animation 属性是一个简写属性，用于设置六个动画属性：
```css
  /* 绑定名称 */
  animation-name

  /* 动画持续时间 ms */
  animation-duration

  /* 动画的速度曲线 */
  animation-timing-function

  linear 	动画从头到尾的速度是相同的。 	测试
  ease 	默认。动画以低速开始，然后加快，在结束前变慢。 	测试
  ease-in 	动画以低速开始。 	测试
  ease-out 	动画以低速结束。 	测试
  ease-in-out 	动画以低速开始和结束。

  /* 定义动画何时开始 ms */
  animation-delay

  /* 定义动画的播放次数 n|infinite */
  animation-iteration-count

  /* 应该轮流反向播放动画 normal|alternate */
  animation-direction
```

display 做不了过度，想控制就在js里边写定时器