有時(shí)候我們需要在網(wǎng)頁(yè)中使用一些動(dòng)態(tài)效果，比如鼠標(biāo)經(jīng)過(guò)一個(gè)圖片時(shí)，圖片需要消失。這時(shí)候我們可以使用CSS來(lái)實(shí)現(xiàn)這個(gè)效果。

.img-container:hover img {
display: none;
}

上面的CSS代碼中，我們使用了:hover偽類(lèi)來(lái)監(jiān)聽(tīng)鼠標(biāo)經(jīng)過(guò)事件。當(dāng)鼠標(biāo)經(jīng)過(guò).img-container元素時(shí)，img元素的display屬性被設(shè)置為none，從而實(shí)現(xiàn)圖片消失的效果。

需要注意的是，這里的.img-container元素是指包含img元素的容器，也就是說(shuō)，當(dāng)鼠標(biāo)經(jīng)過(guò)img元素時(shí)，是無(wú)法觸發(fā)消失效果的。

除了消失效果，我們還可以使用其他CSS屬性來(lái)實(shí)現(xiàn)更多的動(dòng)態(tài)效果，比如改變圖片的透明度、縮放、移動(dòng)等等。只要掌握好基本的CSS知識(shí)，我們就可以輕松實(shí)現(xiàn)各種各樣的效果。