CSS3中動畫播放方向animation-direction

设置动画播放方向animation-direction

animation-direction属性主要用来设置动画播放方向。

其语法规则如下：

animation-direction:normal | alternate [, normal | alternate]*

其主要有两个值：normal、alternate

1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放；

2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。

例如：通过animation-direction属性，将move动画播放动画方向设置为alternate

代码为：

animation-direction:alternate;

注意：Chrome或Safari浏览器，需要加入-webkit-前缀！