慕课网

CSS3中设置动画播放方向

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-前缀！

在CSS编辑器第45行输入正确代码，将动画move播放方向设置为alternate。

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

公开笔记

提交

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求