CSS中如何制作動圖？動圖是許多網站和應用程序中常見的動畫特效。在CSS中，有幾種方法可以創建動圖，其中最常見的方法是使用CSS動畫和關鍵幀。

/* 創建動畫 */
@keyframes example {
0% {left: 0;}
50% {left: 50%;}
100% {left: 0;}
}
/* 應用動畫 */
div {
position: relative;
animation-name: example;
animation-duration: 4s;
animation-iteration-count: infinite;
}

在上面的代碼中，我們創建了一個名為“示例”的動畫，該動畫從左到右移動元素，然后回到左側。然后，我們將該動畫應用于包含div元素的CSS選擇器中。我們還指定了動畫的持續時間和重復次數。

/* 創建動畫 */
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
/* 應用動畫 */
div {
animation-name: spin;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

在這個例子中，我們創建了一個名為“spin”的動畫，該動畫旋轉元素360度。然后，我們將該動畫應用于包含div元素的CSS選擇器中。我們還指定了動畫的持續時間、重復次數和計時函數。

總之，在CSS中創建動畫有很多方法。不同的動畫需要不同的技術，因此你需要根據你想要的效果選擇最適合的方法。