CSS圓上旋轉動畫是一種非?？犰诺膭有?，它能夠吸引用戶的眼球，給網頁帶來很好的視覺體驗。下面將介紹實現CSS圓上旋轉動畫的方法。

<div class="circle"></div>
<style>
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #333;
position: relative;
animation: rotate 2s infinite linear;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>

代碼中通過樣式屬性“border-radius: 50%”讓div實現圓形。同時使用了“position: relative”屬性，這樣可以讓div相對于父元素進行定位。通過animation動畫屬性和@keyframes關鍵幀規則，實現了圓上旋轉的動畫效果。