課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
動畫的最終結果是停留在100%的狀態(tài)還是最初定義的狀態(tài)呢?
2017-01-18
源自:十天精通CSS3 9-1
正在回答
回到最初設置,也就是div設置狀態(tài)
設置停留狀態(tài)用這個animation-fill-mode
animation-fill-mode:forwards;?設置為動畫結束狀態(tài)
animation-fill-mode:backwards;?設置為動畫開始狀態(tài)
是還原到動畫之前的顏色,并不是0%{}時設定的顏色
最終狀態(tài)還是變成最初始的狀態(tài),很簡單測驗一下,就是你吧案例的的100%時背景色改成黑色,你會發(fā)現(xiàn)動畫到變成黑色之后,又變回紅色(即最初的顏色)。
@keyframes?changecolor{ ??0%{ ????background:?red; ??} ??20%{ ????background:blue; ??} ??40%{ ????background:orange; ??} ??60%{ ????background:green; ??} ??80%{ ????background:yellow; ??} ??100%{ ????background:?black; ??} }
寫錯 是狀態(tài)?
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
2 回答如果暫停了動畫的播放,元素的樣式將回到最原始設置狀態(tài)
2 回答對暫停狀態(tài)的疑惑
3 回答元素的樣式將回到最原始設置狀態(tài)。原始設置狀態(tài)是指?
2 回答動畫狀態(tài)何時從running切換到paused的?
3 回答“另外如果暫停了動畫的播放,元素的樣式將回到最原始設置狀態(tài)。”這句話沒太懂意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2017-10-09
回到最初設置,也就是div設置狀態(tài)
設置停留狀態(tài)用這個animation-fill-mode
animation-fill-mode:forwards;?設置為動畫結束狀態(tài)
animation-fill-mode:backwards;?設置為動畫開始狀態(tài)
2017-04-19
是還原到動畫之前的顏色,并不是0%{}時設定的顏色
2017-01-21
最終狀態(tài)還是變成最初始的狀態(tài),很簡單測驗一下,就是你吧案例的的100%時背景色改成黑色,你會發(fā)現(xiàn)動畫到變成黑色之后,又變回紅色(即最初的顏色)。
2017-01-18
寫錯 是狀態(tài)?