CSS圖片過渡是指圖像從一種狀態緩慢轉換到另一種狀態，使頁面效果更加生動有趣。在這里，我們將介紹CSS3的transition屬性以及各種過渡效果。

img {
transition: opacity 1s ease-in-out;
}
img:hover {
opacity: 0.5;
}

上面的代碼用了opacity屬性控制圖片漸隱漸顯效果。當鼠標懸停在圖片上時，opacity的值從1變成0.5，此過程以ease-in-out緩動函數進行，用1秒的時間完成。當鼠標移開時，圖片又慢慢變回原來的不透明度1。這使得整個過渡過程非常平滑自然。

img {
transition: transform 1s ease-in-out;
}
img:hover {
transform: rotate(360deg);
}

上面的代碼控制了圖片的旋轉效果。鼠標懸停時，圖片繞著自身中心點360度旋轉，此過程同樣以ease-in-out緩動函數進行，用1秒的時間完成。這個過程讓圖片在視覺上變得更加有意思。

綜上所述，CSS圖片過渡是讓頁面更加生動有趣的元素。通過使用transition屬性和不同的過渡效果，我們可以實現各種不同的圖片過渡效果，增加頁面的可視性和吸引力，使用戶體驗更加友好。