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