在網頁設計中，動畫是非常重要的元素之一，它能有效吸引用戶的注意力，提高用戶體驗。在CSS中，定義動畫的方法非常簡單，我們可以用CSS來控制元素的運動和變化。

/* 定義動畫的基本規則 */
@keyframes 動畫名稱 {
from {
/* 設置動畫的起始狀態 */
}
to {
/* 設置動畫的結束狀態 */
}
}

上面的代碼中，@keyframes是CSS的關鍵字，用于定義動畫的名稱和規則。其中，關鍵幀（Keyframe）是指動畫的某個特定階段，我們可以根據需要來定義任意數量的關鍵幀。

下面是一個簡單的例子：

.box {
animation: move 5s infinite;
}
@keyframes move {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}

上面的代碼中，我們給.box元素定義了一個名為move的動畫，讓它沿著X軸方向移動。動畫的持續時間是5秒，重復播放（infinite）。關鍵幀設置了動畫的起始狀態和結束狀態，使用transform屬性控制元素的位置。

除了上面的基本用法外，CSS的動畫還支持許多高級選項，如設置延遲時間、緩動函數、動畫方向等。同時，我們還可以使用@keyframes來定義多個動畫，以便在不同的情況下使用。

總之，通過CSS定義動畫非常簡單，只需要掌握一些基本語法和規則即可輕松實現各種動畫效果。