CSS圖片漸入漸出是網頁設計中經常用到的效果之一。使用CSS可以讓圖片從透明到不透明、從不透明到透明過渡，呈現出平滑的視覺效果。

/* 圖片漸入 */
.fade-in {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.fade-in:hover {
opacity: 1;
}

上面的代碼使用了opacity屬性，該屬性是指元素的透明度。opacity的取值范圍為0（完全透明）到1（完全不透明）。

上面的代碼中，.fade-in選擇器定義了一個透明度為0的初始狀態，然后使用CSS過渡效果（transition）產生了透明度平滑過渡的效果。當鼠標懸停在圖片上時，透明度變為1，圖片顯示出來。

/* 圖片漸出 */
.fade-out {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.fade-out:hover {
opacity: 0;
}

使用CSS實現圖片漸出效果也很簡單。與圖片漸入的代碼類似，只需要將初始狀態的opacity設為1，然后在:hover偽類中將opacity變為0，即可產生圖片漸出的效果。

CSS圖片漸入漸出是網頁設計中非常有用的一種效果，可以讓用戶更好地感受到頁面間的平滑過渡。在實際應用中，也可以通過調整CSS的過渡效果、透明度等屬性來獲得更多的漸入漸出效果。