大家好，今天我來(lái)和大家分享一下如何使用CSS實(shí)現(xiàn)仿微信的Loading效果。

/*首先我們需要先定義一下樣式*/
.loading {
width: 50px; /*寬*/
height: 50px; /*高*/
border: 5px solid #eee; /*邊框*/
border-top: 5px solid #1AAD19; /*上邊框*/
border-radius: 50%; /*圓角*/
animation: spin 1s linear infinite; /*旋轉(zhuǎn)*/
}
/*接下來(lái)，我們定義一下旋轉(zhuǎn)的動(dòng)畫(huà)樣式*/
@keyframes spin {
from {
transform: rotate(0deg); /*從0度開(kāi)始旋轉(zhuǎn)*/
}
to {
transform: rotate(360deg); /*旋轉(zhuǎn)一周，也就是360度*/
}
}
/*最后，我們只需要在HTML中插入對(duì)應(yīng)的loading標(biāo)簽即可*/

通過(guò)以上的CSS代碼，我們就成功實(shí)現(xiàn)了一個(gè)類(lèi)似于微信Loading效果的動(dòng)畫(huà)。希望對(duì)大家有所幫助。