CSS动画

CSS动画也就是@keyframes规则：

@keyframes规则 是创建动画；@keyframes规则 指定一个CSS样式和动画逐步更改为新的样式

动画属性有：animation-name  规定 @keyframes 动画的名称。

animation-duration 规定动画完成一个周期所花费的秒或毫秒。

animation-timing-function  规定动画的速度曲线

animation-delay  规定动画何时开始。默认是 0。

animation-play-state    规定动画是否正在运行或暂停