課程
/前端開發
/HTML/CSS
/十天精通CSS3
both and forwards在效果上沒有什么區別呀！
2015-10-27
源自：十天精通CSS3 9-9
正在回答
我覺得也沒什么區別啊
樓上所說正解。both同時有forwards和backwards的效果。
首先，修改animation-delay：5s；
提交執行完成（100%），背景色為blue狀態，保持了forwards的效果（動畫在結束時應用最后的關鍵幀的位置）；
再次點擊提交時（0%），背景色瞬間變為紅色，再執行animation-delay(延遲時間)，從狀態0%開始，保持了backwards的效果（應用動畫樣式時，迅速回到動畫的初始幀）。
animation-delay: 5s;background:#000;
你可以改下動畫延遲時間，給div加個默認背景再試下none,forwards,backwards,both應該就明白了
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
2 回答both與forwards的區別？
2 回答forwards沒有效果？
2 回答怎么沒效果呀？
2 回答這個和div>div的效果有什么區別?
2 回答translate（）和transform: matrix（）效果有區別嗎？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-09-30
我覺得也沒什么區別啊
2016-12-08
樓上所說正解。both同時有forwards和backwards的效果。
首先，修改animation-delay：5s；
提交執行完成（100%），背景色為blue狀態，保持了forwards的效果（動畫在結束時應用最后的關鍵幀的位置）；
再次點擊提交時（0%），背景色瞬間變為紅色，再執行animation-delay(延遲時間)，從狀態0%開始，保持了backwards的效果（應用動畫樣式時，迅速回到動畫的初始幀）。
2015-12-29
animation-delay: 5s;background:#000;
你可以改下動畫延遲時間，給div加個默認背景再試下none,forwards,backwards,both應該就明白了