CSS3 動畫圈是一個非常有趣和實用的功能，它可以讓我們通過使用 CSS3 屬性來創建各種類型的動畫，如旋轉、平移、縮放、淡入淡出等。

要創建一個 CSS3 動畫圈，需要使用

@keyframes

關鍵字來定義動畫。該關鍵字允許您定義一個動畫的名稱，以及動畫中每個關鍵幀的樣式。

@keyframes circle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

以上代碼定義了一個名為 "circle" 的動畫，它在 0% 和 100% 關鍵幀之間將元素旋轉了 360 度。

要將此動畫應用于元素，您需要使用 CSS

animation

屬性。以下是將動畫應用于圓的示例：

.circle {
width: 100px;
height: 100px;
background-color: red;
animation: circle 2s linear infinite;
}

該代碼將創建一個紅色圓形，并將動畫 "circle" 應用于它。動畫的持續時間為 2 秒，時間函數為線性，無限循環。

通過使用 CSS3 動畫圈功能，我們可以輕松地創建有趣的動畫效果，提高網站的交互性和吸引力。