在網(wǎng)頁設(shè)計中，經(jīng)常會用到CSS來控制圖片的出現(xiàn)和消失，讓頁面呈現(xiàn)出更好的視覺效果。下面來看一些常見的實現(xiàn)方式。

// 最簡單的CSS控制圖片出現(xiàn)和消失
img {
display:none;
}
.some-class img {
display:block;
}
// 鼠標(biāo)懸停圖片出現(xiàn)的效果
img {
opacity:0.5;
transition:opacity 0.5s ease-in-out;
}
img:hover {
opacity:1;
}
// 點擊圖片出現(xiàn)的效果
img {
display:none;
}
.some-class img {
display:block;
}
.some-class:focus img {
display:none;
}
// 頁面滾動到一定位置圖片出現(xiàn)的效果
img {
opacity:0;
transition:opacity 1s ease-in-out;
}
.animate-img {
opacity:1;
}

以上是一些CSS控制圖片出現(xiàn)和消失的實現(xiàn)方式，可以根據(jù)具體需求選擇相應(yīng)的方法，讓頁面視覺效果更加優(yōu)雅。