CSS3是一種強大的樣式語言，它不僅可以讓我們美化網頁，還可以讓我們制作出驚艷的動畫。今天，我來教大家如何使用CSS3讓園旋轉起來。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ff0000;
animation: rotate 2s infinite linear;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

以上是一個簡單而又實用的CSS代碼，其中circle類表示圓形，width與height代表寬度和高度，border-radius代表圓角半徑，background-color代表背景顏色。而animation則代表動畫效果，包括動畫名稱、持續時間、循環次數和動畫速度。

接下來，我們還需要使用@keyframes來定義旋轉效果。from代表起始狀態，to代表結束狀態，transform:rotate則代表旋轉效果。當前代碼中，我們定義了從0度旋轉到360度旋轉。

最終，我們將circle類應用到HTML元素上，例如div標簽。

這時候，一只紅色的圓形就會在頁面上不停地旋轉起來了。

采用CSS3動畫技術，制作出炫酷的動畫效果已經不是難事了。相信大家可以通過學習，開發出更加令人驚艷的CSS3動畫效果，讓頁面呈現更加絢麗多彩的效果。