CSS正在查詢，請稍等……

.loading {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.5);
}
.loading::before {
content: "";
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #fff;
border-top-color: #07d;
animation: loading 0.8s linear infinite;
}
@keyframes loading {
to {
transform: rotate(360deg);
}
}

以上是一個CSS正在查詢的頁面加載動畫，主要借助于CSS3的animation屬性實現。

該動畫可以在頁面加載過程中使用，為用戶提供反饋，告訴他們正在處理請求，請他們稍等片刻。

樣式設置中，.loading類設置成flex布局，居中對齊，鋪滿全屏，半透明黑色背景。然后使用偽元素::before繪制一個圓形，邊框為白色，上部分為深藍色，借助于animation動畫旋轉效果，形成一個旋轉的圓形加載動畫。

使用這種動畫可以提高用戶體驗，讓用戶更容易地等待，同時也為網站增加了一些動態效果。在開發過程中，可以根據自己的需求調整動畫的樣式和特效。希望以上內容能對大家有所幫助。