animation动画

animation-name：设置动画的名字（自定义），然后后面是关键帧      @keyframes 名字{  } 可认为设置动画名字是调用@keyframes动画效果的意思

animation-duration：动画的持续时间

animation-delay：动画的延迟时间

animation-iteration-count：动画的重复次数，默认值是1，infinite无限次数

animation-timing-function：动画的运动形式

动画复合写法：animation：Box 4s 1s 2；第一个总是为执行完成的时间，第二个为延迟时间

注：运动结束后，默认情况下会停留在起始位置

animation-fill-mode: 规定动画播放之前或之后，其动画是否可见，有四个值，

none:默认值，在运动结束之后回到初试位置，在延迟情况下，让0%在延迟后生效

backwards：在延迟情况下，让0%在延迟前生效

forwards：在运动结束之后，停到结束位置，不会到初始位置

both：backwards和forwards同时生效

animation-direction：属性定义是否应该轮流反向播放动画，有三个值

alternate：一次正向（0%-100%），一次反向（100%-0%）

reverse：永远都是反向，从100%-0%

normal：永远都是正向，从0%-100%