在CSS中，我們可以使用animation和transform屬性來(lái)控制圓點(diǎn)的轉(zhuǎn)動(dòng)。

/* 定義動(dòng)畫(huà) */
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 設(shè)置樣式 */
.circle {
width: 40px;
height: 40px;
background-color: red;
border-radius: 50%;
animation: rotation 2s linear infinite;
}

上面的代碼分為兩部分，第一部分是定義一個(gè)動(dòng)畫(huà)，使用@keyframes關(guān)鍵字來(lái)定義，animation是指定使用哪個(gè)動(dòng)畫(huà)。第二部分是給圓點(diǎn)設(shè)置樣式，使用border-radius屬性來(lái)設(shè)置圓形，通過(guò)animation屬性來(lái)控制使用哪個(gè)動(dòng)畫(huà)，使用infinite讓動(dòng)畫(huà)無(wú)限循環(huán)。