在網頁設計中，圓形是被廣泛運用的元素之一，在這個過程中，我們需要掌握如何使用CSS讓圓形進行旋轉，本文就為您介紹如何使用CSS來實現圓形旋轉效果。

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

以上代碼中，我們先定義了一個類名為“circle”的元素，設置了元素的寬度和高度為200px，邊框半徑為50%，背景色為“PEACHPUFF”（桃色），同時我們為該元素添加了一個名為“rotate”的動畫，它的時間為2秒，緩動函數為“linear”，重復次數為無限。

進一步看“rotate”動畫，該動畫將在0%到100%時間內，把元素旋轉了0到360度。CSS transform屬性的“rotate”參數可以將任何元素按任意角度旋轉，動畫則可以控制旋轉的速度和軌跡。

在代碼預覽中，您可以看到一個像棒棒糖一樣漂亮的圓形在它的原地不停旋轉，使用CSS可以輕松地為您的網站添加更多元素和美感特效，也讓您的網站更加吸引人。