在網頁開發中，常常會遇到需要等待加載的情況，這時我們會使用一些動畫效果來提示用戶正在加載。比較常用的一種效果就是轉圈等待，而這個效果可以通過 CSS 進行實現。

.loader {
width: 40px;
height: 40px;
border-radius: 50%;
border: 4px solid #fff;
border-top-color: #3498db;
animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}

以上代碼是實現轉圈效果的關鍵代碼。首先，我們創建一個 div 元素，并設置它的寬高為 40px，邊框半徑為50%。接著用 border 屬性設置邊框的寬度和樣式，并通過 border-top-color 屬性來設置邊框顏色。

之后，我們使用 animation 屬性來定義一個名為 spin 的動畫，并設置它的持續時間為 1s ，動畫的執行方式為連續的 ease-in-out ，并且要是循環無限次。最后，在 @keyframes 中定義 spin 動畫的具體實現細節，即將元素從 0° 旋轉到 360° ，從而達到旋轉的效果。

在 HTML 中使用該類名即可實現轉圈效果。例如：

<div class="loader"></div>

以上就是通過 CSS 實現等待轉圈效果的具體方法。希望本篇文章能對您的開發工作有所幫助。