CSS動畫可以為網(wǎng)頁元素添加生動的效果，其中最常見的之一是旋轉(zhuǎn)動畫。通過簡單的CSS代碼，我們可以使一個div元素一直旋轉(zhuǎn)。

div {
width: 100px;
height: 100px;
background-color: red;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

上述代碼中，我們首先定義了一個100px x 100px的div，并將其背景色設(shè)置為紅色。然后我們定義了一個名為“rotate”的動畫，它將使該div元素根據(jù)定義的時間、動畫方式和循環(huán)次數(shù)無限旋轉(zhuǎn)。在此之后，我們定義了實(shí)現(xiàn)旋轉(zhuǎn)動畫的CSS關(guān)鍵幀（keyframes）。“from”將設(shè)置元素的初始狀態(tài)為0度角，而“to”則將元素旋轉(zhuǎn)360度角，即一個完整的圓圈。

通過這樣的CSS代碼，我們可以為網(wǎng)頁元素添加生動的效果。同時，CSS動畫還可以與JavaScript等其他技術(shù)相結(jié)合，實(shí)現(xiàn)更加復(fù)雜的動畫效果。