課程
/前端開發
/HTML/CSS
/十天精通CSS3
animation-direction屬性另一個值是alternate,他的作用是,動畫播放在第偶數次向前播放,第奇數次向反方向播放。一直搞不懂這句話是什么意思,求解釋,多謝!
2017-02-26
源自:十天精通CSS3 9-7
正在回答
假如你設置了一個順時針的轉360度的動畫,如果加了animation-direction:alternation,那么第一次是順時針旋轉360度(第一次順時針旋轉是默認的),第二次則是逆時針旋轉360度,第三次是順時針,第四次則是逆時針了……那么就是”第偶數次向前播放,第奇數次向反方向播放“
zhangyudemuke 提問者
比如說動畫你是順序播放的,但是加上這句話之后,順序播放完之后還會逆著播回到初始狀態,加上animation-iteration-count:infinite;這個屬性之后能夠無限循環,類似于鬼畜來回播放
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答animation-direction中的 alternate屬性
3 回答animation-direction是根據哪個屬性或其它的來定義偶數和奇數
2 回答[, normal | alternate]*這是什么意思?
1 回答animation-timing-function里的一些屬性我看不懂啊
1 回答reset的默認屬性值是all.
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-26
假如你設置了一個順時針的轉360度的動畫,如果加了animation-direction:alternation,那么第一次是順時針旋轉360度(第一次順時針旋轉是默認的),第二次則是逆時針旋轉360度,第三次是順時針,第四次則是逆時針了……那么就是”第偶數次向前播放,第奇數次向反方向播放“
2017-07-27
比如說動畫你是順序播放的,但是加上這句話之后,順序播放完之后還會逆著播回到初始狀態,加上animation-iteration-count:infinite;這個屬性之后能夠無限循環,類似于鬼畜來回播放