动画方向/延迟/填充模式/播放状态

一. 动画方向

animation-dirction:normal;正序播放

       animation-dirction:reverse;倒序

    animation-dirction:alternate;交替

animation-dirction:alternate-reverse;反向交替

动画延迟animation-delay:1s；

动画填充模式

animation-fill-mode:backwards;返回第一帧，默认；

animation-fill-mode:forwards;保持最后一帧；

动画播放状态：animation--piay-state:runing;默认播放

aniaation-play-state:paused暂停,可以通过js触发才使其播放