CSS 圖片消失效果可以讓網頁更有趣，也可以讓網頁更有藝術感。下面來介紹幾種常用的圖片消失效果。

/* 圖片透明度漸變消失 */
img {
transition: opacity 0.5s ease-out;
}
img:hover {
opacity: 0;
}

當鼠標懸停在圖片上時，圖片的透明度會逐漸變為0，實現了圖片的消失效果。

/* 圖片縮放消失 */
img {
transition: transform 0.5s ease-out;
}
img:hover {
transform: scale(0);
}

當鼠標懸停在圖片上時，圖片會逐漸縮小到0，實現了圖片的消失效果。

/* 圖片旋轉消失 */
img {
transition: transform 0.5s ease-out;
}
img:hover {
transform: rotate(360deg) scale(0);
}

當鼠標懸停在圖片上時，圖片會先逐漸旋轉360度，然后再縮小到0，實現了圖片的消失效果。

需要注意的是，以上代碼只是示例，具體實現時還需要根據頁面的具體情況進行一些必要的修改。