您好，當(dāng)前正在加載 CSS 動(dòng)畫(huà)。

.loading {
position: relative; /* 設(shè)置相對(duì)定位 */
margin: 0 auto; /* 使其在水平方向居中 */
width: 50px;
height: 50px;
}
.loading:before {
content: "";
position: absolute; /* 設(shè)置絕對(duì)定位 */
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 4px solid #f3f3f3;
border-top-color: #16a085;
animation: spin 1.5s linear infinite; /* 使用動(dòng)畫(huà) */
}
@keyframes spin { /* 定義動(dòng)畫(huà) */
to {
transform: rotate(360deg);
}
}

以上為加載動(dòng)畫(huà)的 CSS 代碼示例，它使用了 :before 偽元素來(lái)創(chuàng)建一個(gè)圓形，然后使用動(dòng)畫(huà)實(shí)現(xiàn)旋轉(zhuǎn)效果。在頁(yè)面加載時(shí)，這段代碼會(huì)被執(zhí)行并顯示出來(lái)，以提示用戶(hù)正在加載內(nèi)容。當(dāng)加載完成后，該元素不再顯示。

感謝您的閱讀，祝您使用愉快！