CSS3圖片淡出淡入效果可以通過使用CSS3的過渡（transition）屬性來實現(xiàn)，下面是一個簡單的示例，展示了如何實現(xiàn)這一效果：

1、你需要有一個HTML元素，比如一個圖片：

<img id="myImage" src="image.jpg" style="width: 200px; height: 200px; transition: opacity 1s ease-in-out;">

2、你可以通過改變該元素的透明度來實現(xiàn)淡出淡入效果，當(dāng)鼠標(biāo)懸停在圖片上時，你可以使圖片逐漸變?yōu)橥该鳎?/p>

#myImage:hover {
    opacity: 0;
}

3、相反，當(dāng)鼠標(biāo)離開圖片時，你可以使圖片逐漸變?yōu)椴煌该鳎瑥亩鴮崿F(xiàn)淡入效果：

#myImage:not(:hover) {
    opacity: 1;
}

這樣，當(dāng)鼠標(biāo)懸停在圖片上時，圖片會逐漸變?yōu)橥该?；?dāng)鼠標(biāo)離開圖片時，圖片會逐漸變?yōu)椴煌该?，從而實現(xiàn)淡出淡入效果。

這種方法僅適用于支持CSS3過渡屬性的瀏覽器，你也可以根據(jù)需要調(diào)整過渡效果的持續(xù)時間和緩動函數(shù)。