CSS是一種用于網頁樣式設計的語言，它可以幫助我們實現各類視覺效果，其中調用動畫是非常常見的一種操作。在CSS中，我們可以使用關鍵幀動畫、過渡動畫等不同的方式來實現動效。

關鍵幀動畫是指通過定義不同幀的樣式來呈現動畫效果，可以使用@keyframes關鍵字來定義。例如，下面的代碼可以讓一個元素從左到右平滑地移動：

@keyframes move {
0%   { left: 0; }
100% { left: 100px; }
}
.element {
position: absolute;
animation: move 2s forwards;
}

以上代碼中，定義了一個名為move的關鍵幀動畫，其中0%代表動畫開始時元素的位置，100%代表動畫結束時元素的位置。然后，在.element元素的樣式中使用了animation屬性來應用該動畫，forwards參數指定動畫結束時元素的樣式保持最后一幀的狀態。

除了關鍵幀動畫，CSS還提供了過渡動畫的方式，可以在元素屬性變化時實現平滑的過渡效果。例如，下面的代碼可以讓元素的背景顏色在鼠標懸停時平滑地變成紅色：

.element {
transition: background-color 0.5s;
}
.element:hover {
background-color: red;
}

以上代碼中，transition屬性指定了需要過渡的屬性和過渡時間，當鼠標懸停在元素上時，將背景顏色屬性變為紅色，CSS會自動平滑地過渡這個變化。

CSS的動畫效果可以讓網頁更加生動有趣，但使用時需要注意避免過多的動畫效果引起視覺疲勞，同時也要注意性能問題，避免長時間的動畫效果導致頁面卡頓。