CSS中可以為圖片添加動畫效果，讓網頁更加生動和有趣。以下是實現圖片動畫的方法。

/* 為圖片添加動畫效果 */
img {
animation-name: example;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
/* 定義動畫效果 */
@keyframes example {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

以上代碼是為圖片添加旋轉動畫效果的示例。其中，animation-name指定動畫的名稱，animation-duration指定動畫的時長，animation-timing-function控制動畫的速度曲線，animation-iteration-count指定動畫循環次數。

關鍵是要定義動畫效果，這里使用了@keyframes規則。在@keyframes中，可以定義動畫從哪個狀態開始，到哪個狀態結束，這樣就可以讓圖片在這個過程中進行動畫。

在以上示例中，動畫的名稱為example，其中有兩個狀態——0%的時候，將圖片旋轉0度；100%的時候，將圖片旋轉360度。這樣，在3s的時間里，圖片會不斷地從0度旋轉到360度，實現了旋轉的動畫效果。