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