backwards效果是讓delay時(shí)間變?yōu)?嗎?

木偶人
2014-05-28
3 回答
舉報(bào)
0/150
提交
取消
backwards效果是讓delay時(shí)間變?yōu)?嗎?
2014-05-28
舉報(bào)
2014-05-29
@-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; }
2014-05-29
你可以對(duì)div設(shè)置hover才開(kāi)始動(dòng)畫(huà)試試看看呢(默認(rèn)div顏色為綠色),都和none狀態(tài)相比吧,forwards會(huì)在動(dòng)畫(huà)結(jié)束后一直停留在動(dòng)畫(huà)的最后狀態(tài);backwards會(huì)在鼠標(biāo)懸浮div的時(shí)候直接開(kāi)始動(dòng)畫(huà),沒(méi)有延遲(而且最后畫(huà)面也不是初始狀態(tài)而是綠色);both是forwards和backwards同時(shí)產(chǎn)生效果
2014-05-29
不是,是定義動(dòng)畫(huà)結(jié)束后,是什么狀態(tài)。初始狀態(tài)還是結(jié)束的狀態(tài)。backwards 是初始狀態(tài)。