使用CSS來加載轉動效果是非常簡單的。

.spinner {
width: 40px;
height: 40px;
margin: 100px auto;
border-radius: 50%;
border-top: 5px solid #3498db;
border-right: 5px solid transparent;
animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}

上面這段代碼會創建一個40像素寬和高的圓形，圓形邊框上方會有一個5像素寬的藍色邊框。然后，使用動畫來讓這個圓形永遠旋轉。我們可以用animation屬性改變這個動畫的行為。

上面的代碼使用@keyframes屬性來定義動畫。動畫從0度開始旋轉，旋轉一圈后再停止。我們使用了transform屬性來改變元素的旋轉角度。 為了實現平滑轉動，我們使用了ease-in-out函數。最后，使用了infinite屬性來讓動畫一直持續下去。

通過簡單的CSS代碼，我們就可以創建非常棒的轉動效果，用于使頁面更加生動活潑。