CSS創作動畫是一個很有趣的過程，在這個過程中，您可以通過CSS的基本樣式和屬性，制作出許多有趣的動畫效果。在本文中，我們將介紹如何使用CSS創作動畫。

//CSS代碼示例
/* 定義動畫關鍵幀 */
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 應用動畫效果 */
.element {
animation-name: rotate;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

首先，我們需要聲明一個動畫關鍵幀。動畫關鍵幀是一組CSS樣式，用于定義動畫在不同時間段內的表現形式。在上述代碼示例中，我們定義了一個名稱為“rotate”的動畫關鍵幀，并在其中定義了從0度到360度的旋轉動畫。

接下來，我們需要將動畫效果應用到需要運用動畫效果的元素上。在上述代碼示例中，我們通過將“animation-name”屬性設置為“rotate”，將動畫效果應用到了class為“element”的元素上。我們還設置了動畫的播放時間為3秒，并將動畫的循環播放次數設為無限次。

最后，我們還可以使用“animation-timing-function”屬性來定義動畫執行過程中的緩動效果，它可以讓動畫更加自然和流暢。

總之，使用CSS創作動畫是一個很有趣的過程，您可以通過自己的創意和想象，制作出各種不同類型的動畫效果。