在網頁設計中，過度效果是非常重要的一種視覺效果。css中的圖片過度效果為可以讓圖片更加生動活潑，增加網頁的吸引力。

img {
transition: all 0.5s ease-in-out; 
/*過度時間0.5s，過度方式為緩出緩入*/
}
/*當鼠標滑過圖片時，觸發圖片放大效果*/
img:hover {
transform: scale(1.2);
}

以上代碼實現了圖片的過度效果。transition屬性定義了圖片的過度時間和緩動方式。當鼠標滑過圖片時，觸發圖片放大效果，提高了圖片本身的逼真度和觀賞性。

除此之外，還有許多其他的圖片過度效果，比如漸隱、旋轉、翻轉等。不同的過度效果可以達到不同的視覺效果，應根據具體的網頁設計需求來選擇合適的效果。

/*當鼠標滑過圖片時，觸發圖片旋轉效果*/
img:hover {
transform: rotate(360deg);
}

以上代碼實現了圖片的旋轉過度效果。當鼠標滑過圖片時，觸發圖片旋轉360度的效果，增強了圖片的動感。

總之，css中的圖片過度效果為可以讓網頁設計更加豐富多彩、生動活潑。關注用戶體驗的同時，更要注重設計細節，達到最佳視覺效果。