例:在執(zhí)行完一段css3動(dòng)畫(huà)后需要隱藏這個(gè)元素如何操作？也就是讓它不重復(fù)動(dòng)作.使用animation參數(shù)forwards無(wú)效.注：前提是不使用jQuery情況下能做到么？
2 回答
料青山看我應(yīng)如是
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超8個(gè)贊
可以使用js的定時(shí)器。把定時(shí)器時(shí)間設(shè)置成和css動(dòng)畫(huà)時(shí)間一樣就行了
互換的青春
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
這個(gè)隱藏的話可以設(shè)置opacity：0
我們可以讓一個(gè)元素的默認(rèn)opacity=0
把動(dòng)畫(huà)放到一個(gè)一個(gè)類(lèi)上，然后給把這個(gè)類(lèi)付給這個(gè)屬性
@keyframes ani{
0%{opacity: 1}
//此處顯示轉(zhuǎn)換為1 動(dòng)畫(huà)結(jié)束后就會(huì)自動(dòng)隱藏了，因?yàn)樵氐膐pacity為0，應(yīng)該使用 display也可以，但我沒(méi)用過(guò)，因?yàn)閐isplay沒(méi)有動(dòng)畫(huà)效果
}- 2 回答
- 0 關(guān)注
- 1431 瀏覽
添加回答
舉報(bào)
0/150
提交
取消