CSS旋轉是一種非常有趣的效果，不僅能夠增加網站的趣味性，還可以用于許多不同的情境，比如制作圖標、卡片等等。下面我們就來教大家如何使用CSS寫一個不停旋轉的效果。

.rotating {
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

上面的代碼中，我們先定義了一個類名為rotating，然后使用animation屬性來指定動畫效果。其中，spin是我們自己定義的一個名稱，2s表示2秒的時間，linear表示使用線性緩動函數，infinite表示動畫不斷循環。

接下來，我們使用@keyframes關鍵字，定義了一個名稱為spin的旋轉動畫。其中，0%表示初始狀態，即元素沒有旋轉；100%表示結束狀態，即元素旋轉一周。

在最后，我們使用transform屬性來實現元素的旋轉。transform: rotate(0deg)表示不旋轉，transform: rotate(360deg)表示旋轉一周。這樣，我們就完成了一個不停旋轉的效果。

需要注意的是，由于animation和@keyframes是CSS3新增的屬性和關鍵字，所以在使用時需要考慮瀏覽器的兼容性。