CSS 中動畫圖片在網頁設計中起著重要作用，它能夠增加網頁的視覺效果，同時也為用戶提供了更加友好的交互體驗。在 CSS 中，動畫圖片通常使用 animation 屬性實現。

/* 定義一個動畫 */
@keyframes move {
from { left: 0; }
to { left: 200px; }
}
/* 將動畫應用到圖片上 */
img {
animation-name: move;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

上面的代碼中，定義了一個名為 move 的動畫，控制圖片在左側與右側之間水平移動。然后我們使用 animation-name 屬性，將動畫應用到圖片上，并通過 animation-duration 屬性設置動畫播放時間，animation-timing-function 屬性設置動畫過渡效果，animation-iteration-count 屬性設置動畫循環次數。

除此之外，在 CSS 中還有許多其他可以為動畫增添效果的屬性，如 animation-delay（設置動畫延遲播放時間）、animation-fill-mode（設置動畫結束后圖片停留位置）、animation-direction（設置動畫播放方向）等。

需要注意的是，在使用動畫圖片時應該注意網頁的加載速度。如果動畫圖片的文件過大，加載速度過慢，會影響用戶體驗甚至導致網頁崩潰。因此，在制作動畫圖片時應該盡可能使用輕量級的圖片，避免過度使用動畫效果。