CSS3 Loading是指使用CSS3技術來實現(xiàn)一個旋轉的loading動畫效果，這種效果通常在網(wǎng)頁加載過程中會使用到，以展示視覺效果，吸引用戶等待。
最直接的實現(xiàn)方式就是使用CSS3的animation動畫屬性，定義圓圈的旋轉動畫。
/* 定義旋轉動畫 */
@keyframes loading {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* 定義loading樣式，并應用動畫 */
.loading {
width: 50px;
height: 50px;
border-radius: 50%;
border: 4px solid rgba(0, 0, 0, 0.1);
border-top-color: #fff;
animation: loading 1s linear infinite;
}在HTML中，使用
標簽并添加loading類即可展示loading效果。
<div class="loading"></div>
除了上述簡單的實現(xiàn)方式，我們還可以在CSS3 Loading中使用更多CSS3技術以提升動畫效果。比如在border-radius、box-shadow、transform等屬性上做更多的變化，以展示更多樣化的loading效果。