在網頁設計中，過渡是非常重要的一種效果，可以增加用戶體驗和美觀性。而在CSS中，我們可以利用CSS過度屬性對圖片進行過渡效果的設置。以下是CSS過度圖片的代碼示例：

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

在上面的代碼中，我們選擇了所有的img標簽，并在其上設置了過渡效果，過渡屬性為"opacity"，過渡時長為"1s"，過渡函數為"ease-in-out"。在鼠標懸停在圖片上時，我們改變了圖片的不透明度（opacity），使其變為0.5，從而實現了圖片的過渡效果。

在實際應用中，可以根據需求來對不同的過渡效果進行設置，如對圖片的位置、大小、顏色等進行過渡效果的設置。同時，還需要注意設置兼容性，確保在不同的瀏覽器中都可以正常顯示。

總之，CSS過渡圖片是網頁設計中常用的效果之一，能夠增加網頁的美觀性和用戶體驗。我們只需要根據需求合理地設置過渡屬性和效果即可。