CSS圖片過渡，是一種美化網頁的效果。它可以使圖片從一種狀態轉換到另一種狀態，比如從無到有。

首先，在HTML文檔中，使用<img>標簽引入要過渡的圖片。

<img src="image.jpg" alt="圖片">

我們可以為這張圖片添加一個CSS類，比如“transition”，來控制圖片的過渡效果。

<img class="transition" src="image.jpg" alt="圖片">

然后，在CSS文件中，設定“transition”類的樣式。我們需要使用“:hover”偽類，來指定當鼠標懸停在圖片上時，需要執行的過渡效果。

.transition {
transition: opacity .5s ease-in-out;
}
.transition:hover {
opacity: 0.5;
}

上述的樣式，使用了CSS3的“transition”屬性。這個屬性可以指定元素的某個屬性，在一定時間內過渡到指定的狀態。在此例中，我們設定了圖片的透明度（opacity）屬性，在0.5秒的時間內使用“ease-in-out”緩動函數過渡到0.5的狀態。

當“:hover”偽類生效時（即鼠標懸停在圖片上），圖片的透明度會過渡到0.5的狀態。這樣，圖片就變得半透明了。

CSS圖片過渡，除了透明度外，還可以使用其他屬性，比如大小、位置、旋轉等。我們可以通過設定不同的過渡效果，來展現出各種獨特的美感。