CSS是前端開發中非常重要的一項技術。其中一個重要的應用就是制作動畫效果，讓網頁更加生動。常見的動畫效果包括縮放、漸變、移動等。下面我們一起來學習如何通過修改CSS來改動畫。

首先我們需要定義一個動畫。如下所示：

.animate {
animation-name: example;
animation-duration: 4s;
}
@keyframes example {
0% {transform: scale(1);}
100% {transform: scale(2);}
}

上面的代碼定義了一個名為“animate”的類名，并在“@keyframes”規則中定義了名為“example”的動畫效果。動畫效果從1倍縮放到2倍，持續4秒。

如果我們想改變動畫的速度，可以修改“animation-duration”屬性的值。如果我們想改變動畫的重復次數，可以修改“animation-iteration-count”屬性的值，如下所示：

.animate {
animation-name: example;
animation-duration: 2s;
animation-iteration-count: infinite; /* 無限重復 */
}

另外，如果我們想完全停止動畫，則可以使用“animation-play-state”屬性。如下所示：

.animate {
animation-name: example;
animation-duration: 4s;
animation-play-state: paused; /* 暫停播放 */
}

以上就是關于如何通過CSS來改動畫的一些基本知識。希望這些小技巧可以幫助大家制作出更加生動有趣的網頁！