CSS動(dòng)畫常常讓網(wǎng)頁更加生動(dòng)、有趣,但有時(shí)候我們不想要它們以過渡的方式出現(xiàn)。以下代碼是一個(gè)例子,其中hover時(shí)會(huì)產(chǎn)生一個(gè)透明度過渡效果:
.box { opacity: 0; transition: opacity 0.5s; } .box:hover { opacity: 1; }
我們可以將transition屬性從上述代碼中刪除,這樣就不會(huì)產(chǎn)生過渡效果了:
.box { opacity: 0; } .box:hover { opacity: 1; }
這個(gè)例子展示了如何消除CSS動(dòng)畫的過渡效果。