CSS動畫是web前端開發中的重要一環，不僅能夠增添網頁的視覺效果，還能夠使用戶感受到網頁的交互性與人性化。其中一種常見的CSS動畫效果就是元素一直旋轉。

.rotate {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

在代碼中，我們定義了一個名為rotate的動畫，持續時間為2秒，采用線性動畫效果且無限循環。在keyframes中，我們設置了從0度到360度的旋轉效果，也就是實現了元素的一直旋轉。

這種CSS動畫可以應用于多種場合，例如啟動頁面的加載效果、鼠標懸停時的互動效果等等。當然，如果僅僅是旋轉效果，我們也可以通過簡單的transform屬性實現：

.rotate {
transform: rotate(360deg);
}

不過，使用CSS動畫除了旋轉效果，我們還可以實現更多有趣的效果，例如透明度改變、顏色漸變等等。CSS動畫的實現方法也有很多種，可以通過CSS的transition、animation、transform等屬性實現。如果想要讓頁面更具動感與活力，不妨多了解一下CSS動畫。