使用CSS實現360加速球是很有意義的一個效果，讓網頁看起來更加酷炫，那么如何實現呢？

/*首先，我們需要為加速球定義一個div容器，并利用偽元素添加一個加載圈*/
.ball {
position: relative;
width: 50px;
height: 50px;
}
.ball::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 4px solid transparent;
border-top-color: #fff;
}
/*接下來，讓球旋轉起來*/
.ball::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
border-radius: 50%;
background-color: #fff;
animation: spin 2s linear infinite;
}
/*使用動畫來使球不停旋轉*/
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

這樣就完成了簡單的360加速球效果，當然你也可以根據實際需求調整效果及顏色。