CSS 旋轉等待：用于凸顯異步操作正在進行的界面效果，讓用戶清晰地感受到頁面正在工作。

.loader {
border: 4px solid rgba(0, 0, 0, 0.2);
border-top-color: #3498db;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 0.8s ease-in-out infinite;
-webkit-animation: spin 0.8s ease-in-out infinite;
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

以上代碼是一個簡單的CSS旋轉效果，使用了動畫的關鍵幀（@keyframes）和選擇器（.loader）來達到旋轉的效果。