等待加載的css動畫是現代web開發中常用的一種動畫效果。在網頁加載過程中，由于網絡環境或服務器問題等原因，頁面在長時間內無法展示出完整內容，這時候使用等待加載的css動畫可以有效地提示用戶正在加載，增加頁面的用戶體驗。

.spinner {
position: relative;
margin: 0 auto;
width: 50px;
height: 50px;
}
.spinner:before {
content: '';
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin .6s linear infinite;
}
@keyframes spin {
to {transform: rotate(360deg);}
}

以上是一個簡單的等待加載的css動畫實現代碼，代碼中首先給出一個包裹動畫的容器，通過偽元素:before實現一個圓形邊框，具體樣式可根據需求進行調整。接著使用@keyframes定義一個名為spin的動畫，通過transform:rotate實現動畫的旋轉效果，最后在偽元素的樣式中引用該動畫即可。可以根據需求調整動畫的時間、旋轉方向等參數。

等待加載的css動畫的應用場景非常廣泛，比如在長時間載入內容或異步加載數據時可以使用，也可以作為表單提交或接口調用時的視覺提示。同時，等待加載的css動畫還有助于提升網站的整體美觀度和用戶體驗水平，需要web開發人員掌握相關技能，熟練使用等待加載的css動畫。