animation与@keyframes同时使用才可起作用,这里详细介绍下animation的所有用法：
?
animation 属性是一个简写属性，用于设置六个动画属性：
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- animation-play-state: paused|running;
?
下面详细介绍下各动画属性的用法：
?
1、animation-name：规定需要绑定到选择器的 keyframe 名称
?
语法：animation-name: keyframename|none;
| keyframename | 规定需要绑定到选择器的 keyframe 的名称。 |
| none | 规定无动画效果（可用于覆盖来自级联的动画）。 |
?
2、animation-duration：定义动画完成一个周期所需要的时间，以秒或毫秒计。
?
语法：animation-duration: time;
| time | 规定完成动画所花费的时间。默认值是 0，意味着没有动画效果。 |
?
3、animation-timing-function：规定动画的速度曲线。
a
