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