CSS3中的動畫效果讓網頁更加生動、有趣，其中可以用CSS3來實現轉圈等待的效果。本文介紹如何使用CSS3來實現轉圈等待的效果。

.loading {
margin: 50px auto;
width: 50px;
height: 50px;
border-radius: 50%;
border: 5px solid #eee;
border-top: 5px solid #07d;
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

首先，我們需要設置一個包含轉圈的元素，可以用div標簽來實現。在樣式中，我們需要依次設置寬度、高度、圓角半徑、邊框寬度等等，來實現一個圓圈的效果。其中，需要注意將邊框設置為透明，只設置上部分為需要顯示的顏色。

最后，在我們的樣式中加上動畫效果，使用CSS3的@keyframes關鍵字來設置循環次數和轉圈開始、結束的角度即可。最終效果就是一個神奇的轉圈等待效果。