課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
動(dòng)畫的最終結(jié)果是停留在100%的狀態(tài)還是最初定義的狀態(tài)呢?
2017-01-18
源自:十天精通CSS3 9-1
正在回答
回到最初設(shè)置,也就是div設(shè)置狀態(tài)
設(shè)置停留狀態(tài)用這個(gè)animation-fill-mode
animation-fill-mode:forwards;?設(shè)置為動(dòng)畫結(jié)束狀態(tài)
animation-fill-mode:backwards;?設(shè)置為動(dòng)畫開始狀態(tài)
是還原到動(dòng)畫之前的顏色,并不是0%{}時(shí)設(shè)定的顏色
最終狀態(tài)還是變成最初始的狀態(tài),很簡(jiǎn)單測(cè)驗(yàn)一下,就是你吧案例的的100%時(shí)背景色改成黑色,你會(huì)發(fā)現(xiàn)動(dòng)畫到變成黑色之后,又變回紅色(即最初的顏色)。
@keyframes?changecolor{ ??0%{ ????background:?red; ??} ??20%{ ????background:blue; ??} ??40%{ ????background:orange; ??} ??60%{ ????background:green; ??} ??80%{ ????background:yellow; ??} ??100%{ ????background:?black; ??} }
寫錯(cuò) 是狀態(tài)?
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
2 回答如果暫停了動(dòng)畫的播放,元素的樣式將回到最原始設(shè)置狀態(tài)
2 回答對(duì)暫停狀態(tài)的疑惑
3 回答元素的樣式將回到最原始設(shè)置狀態(tài)。原始設(shè)置狀態(tài)是指?
2 回答動(dòng)畫狀態(tài)何時(shí)從running切換到paused的?
3 回答“另外如果暫停了動(dòng)畫的播放,元素的樣式將回到最原始設(shè)置狀態(tài)。”這句話沒(méi)太懂意思
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-10-09
回到最初設(shè)置,也就是div設(shè)置狀態(tài)
設(shè)置停留狀態(tài)用這個(gè)animation-fill-mode
animation-fill-mode:forwards;?設(shè)置為動(dòng)畫結(jié)束狀態(tài)
animation-fill-mode:backwards;?設(shè)置為動(dòng)畫開始狀態(tài)
2017-04-19
是還原到動(dòng)畫之前的顏色,并不是0%{}時(shí)設(shè)定的顏色
2017-01-21
最終狀態(tài)還是變成最初始的狀態(tài),很簡(jiǎn)單測(cè)驗(yàn)一下,就是你吧案例的的100%時(shí)背景色改成黑色,你會(huì)發(fā)現(xiàn)動(dòng)畫到變成黑色之后,又變回紅色(即最初的顏色)。
2017-01-18
寫錯(cuò) 是狀態(tài)?