最近學習CSS，發現可以用CSS做出許多炫酷的效果，其中之一就是制作一個轉圈的效果。下面就來分享一下如何使用CSS實現這個效果。

.circle {
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #f00;
animation: spin 2s linear infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}

首先，在HTML中創建一個元素，例如div，并給它加一個類名circle。通過CSS設置這個div的寬高、圓角以及邊框樣式。

然后，定義一個名為spin的關鍵幀動畫，在100%的時候將元素旋轉360度，即完成了一次轉圈的動作。最后將這個動畫應用到元素上，設置為無限循環運行。

至此，我們已經通過CSS實現了一個轉圈的效果。當然，我們還可以通過調整元素樣式和關鍵幀動畫的參數，實現更多不同形態的轉圈效果。