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