animation 动画

animation-name：自定义动画名字

animation-duration：动画的持续时间

animation-delay：动画的延迟时间

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

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

关键帧

@keyframes 名称{

}

注意：

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

animation：名称 持续时间 延迟时间 次数 形式

动画扩展语法：

animation-dill-mode ：规定动画播放之前或之后，其动画效果是否可见。

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

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

forwards：在运动结束的之后，停到结束位置

both：backward 和 forwards 同时生效

animation-direction：属性定义是否应该轮流反向播放动画。

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

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

normal（默认值）：永远都是正向，从0%-100%