animation动画
animation-name: 设置动画的名字（自定义）
animation-duration: 动画的持续时间
animation-delay: 动画的延迟时间
animation-iteration-count: 动画的重复次数，默认为1，infinite无限次
animation-timing-function: 动画的运动形式
复合写法：animation:name duration delay iteration-count timing-function
注:
1、运动结束后，默认会停留在起始位置
2、起始：from <=> 0%
结束：to <=> 100%
animation-fill-mode: 规定动画播放之前或之后是否可见，其动画效果是否可见
none(默认值)： 在运动结束之后回到初始位置在延迟的情况下，让0%在延迟后生效
backwards: 在延迟的情况下，让0%在延迟之前生效
forwards: 在运动结束的之后，停到结束的位置。
both: backwards和forwards同时生效。
animation-direction: 属性定义是否应该轮流反向播放动画
alternate: 一次正向(0%-100%),一次反向(100%-0%)
reverse: 永远反向，从100%-0%
normal: 永远正向（默认值），从0%-100%
animate.css 预设css3动画库
基本使用：
animated:基类(基础的样式，每个动画效果都要加)
infinite 无限次循环