用CSS制作動圖是一種非常有趣且實用的技能。在HTML文檔中引入CSS樣式表后，可以使用各種方式將元素設置為動態效果。

/* 定義一個樣式，讓圖像元素緩慢移動 */
img {
position: absolute;
animation-name: move;
animation-duration: 3s;
animation-iteration-count: infinite;
}
/* 定義移動的動畫 */
@keyframes move {
0% { left: 0px; top: 0px; }
50% { left: 100px; top: 100px; }
100% { left: 0px; top: 0px; }
}

在上面的CSS代碼中，我們定義了一個讓圖片元素緩慢移動的動畫。首先，我們使用position屬性將圖片元素設置為絕對定位。然后，我們使用@keyframes關鍵詞創建了一個新的動畫。這個動畫稱為“move”，在3秒鐘內無限次運行。

我們使用left和top屬性定義元素的位置。在從0%到50%的動畫過程中，我們讓元素向右下方移動100px。然后，在50%到100%的動畫過程中，我們讓元素回到起始位置，從而創建了一個緩慢移動的效果。

使用CSS制作動圖比使用GIF等文件格式更加靈活和方便。因為在CSS中定義動畫，可以自由控制動畫的速度、延遲、方向等參數。而且，CSS動畫還可以使用JavaScript等腳本語言進行控制，實現更加復雜和多樣化的動態效果。

總之，掌握CSS動畫技能，可以為你的網頁設計增添不少亮點。希望本文能為各位讀者提供一些CSS動畫制作的基礎知識和方法。