animation-direction屬性主要用來設(shè)置動畫播放方向,其語法規(guī)則如下:
animation-direction:normal | alternate [, normal | alternate]*
其主要有兩個值:normal、alternate
1、normal是默認值,如果設(shè)置為normal時,動畫的每次循環(huán)都是向前播放;
2、另一個值是alternate,他的作用是,動畫播放在第偶數(shù)次向前播放,第奇數(shù)次向反方向播放。
例如:通過animation-direction屬性,將move動畫播放動畫方向設(shè)置為alternate,代碼為:
animation-direction:alternate;
注意:Chrome或Safari瀏覽器,需要加入-webkit-前綴!
在CSS編輯器第45行輸入正確代碼,將動畫move播放方向設(shè)置為alternate。
注意:Chrome或Safari瀏覽器,需要加入-webkit-前綴!
思考一下,我們剛講過的animation-direction
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報