設置動畫播放方向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-前綴!