CSS可以為網頁中的圖片設置動畫，例如讓它們在鼠標懸停時縮放或淡出。在這篇文章中，我們將簡要介紹如何使用CSS設置圖片動畫。

/* 設置圖片動畫 */
img {
transition: all 0.3s ease-out;
}
/* 鼠標懸停時縮放圖片 */
img:hover {
transform: scale(1.1);
}
/* 鼠標離開時還原圖片 */
img:hover {
transform: scale(1);
}
/* 鼠標懸停時淡出圖片 */
img:hover {
opacity: 0.8;
}
/* 鼠標離開時還原圖片 */
img:hover {
opacity: 1;
}

在上面的代碼中，我們首先為所有元素添加了過渡效果，當它們發生變化（例如縮放或淡出）時，這個過渡效果會使動畫變得順暢。接下來，我們分別設置了鼠標懸停時縮放圖片和淡出圖片的動畫效果。當鼠標離開時，又把這些動畫效果重置為原始狀態。

通過這種方式，我們可以很容易地為網頁中的圖片添加出色的動畫效果，增強頁面的視覺吸引力和交互性。