css中动画的使用

一 animation：

动画名称

动画时长 1s

速度曲线 linear

延迟时间 1s

重复次数 infinite

动画方向 alternate 反向执行

执行完毕时状态 forwards/backwards

注意：如果存在两个时间值，第一个时间表示动画时长，第二个时长表示延迟时间

二 复合属性的写法

animation-name

animation-duration 动画时长

animation-delay 延迟时长

animation-fill-mode 动画执行完毕状态 （forwards backwars）

animation-timing-function 速度曲线 （steps）

animation-iteration-count 重复次数 （infinite）

animation-direction 动画执行方向 alternate

animation-play-state 暂停动画 paused