Css动画常用属性
@keyframes 规定动画
animation-name 规定@keyframes动画的名称
animation-duration 规定动画完成一个周期所花费的时间，默认是0
animation-delay 何时开始，默认是0
animation-iteration-count重复次数，默认是1，还有infinite无限循环播放
animation-direction规定动画是否在下一周期逆向播放，默认normal,alternate 反方向播放
animation-play-state规定动画是否运行或暂停，默认是running，还有paused
animation-fill-mode动画结束后的状态，默认的是backwards回到状态，我们可以让他停留在结束状态forwards
animation-timing-function规定动画的速度曲线，默认是ease
linear匀速
ease低速开始，然后加快，结束前变慢
ease-in低速开始
ease-out低速结束
ease-in –out以低速开始和结束
step（）指定了时间函数中的间隔数量（步长），就是分几步完成动画，有step就不要写ease或linear
动画简写属性（简写属性里面不包含animation-play-state，经常和鼠标经过搭配使用）
animation：动画的名称花费时间（何时开始默认0s,）运动曲线（播放次数默认0）是否反方向
添加多个动画用逗号隔开
