亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

backwards效果是讓delay時間變為0嗎?

正在回答

3 回答

@-webkit-keyframes redToBlue{ from{ background:red; } to{ background:blue; } } div { width: 200px; height: 200px; background: green; margin: 20px auto; } div:hover{ -webkit-animation-name:redToBlue; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 1s; -webkit-animation-fill-mode:backwards; }

0 回復 有任何疑惑可以回復我~

你可以對div設置hover才開始動畫試試看看呢(默認div顏色為綠色),都和none狀態相比吧,forwards會在動畫結束后一直停留在動畫的最后狀態;backwards會在鼠標懸浮div的時候直接開始動畫,沒有延遲(而且最后畫面也不是初始狀態而是綠色);both是forwards和backwards同時產生效果

0 回復 有任何疑惑可以回復我~

不是,是定義動畫結束后,是什么狀態。初始狀態還是結束的狀態。backwards 是初始狀態。

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
十天精通CSS3
  • 參與學習       243058    人
  • 解答問題       2677    個

本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備

進入課程
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號