CSS3繞圈效果是一種常見的頁面裝飾效果，通常可以用于頭部菜單、滾動條等元素的裝飾。下面我們將展示如何通過CSS3實現繞圈效果。

.circle{
width: 100px;
height: 100px;
position: relative;
}
.circle:before{
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
border: 5px solid #000;
box-sizing: border-box;
animation: circleAnim 4s linear infinite;
}
@keyframes circleAnim{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}

上述代碼中，我們創建了一個.circle類來作為圓形元素的容器。接下來，我們使用:before選擇器創建了一個圓形的半透明遮罩，使用了圓角屬性實現了一個圓形的遮罩效果。

在遮罩中使用了animation動畫屬性，將其進行了繞圈的動畫效果，并通過keyframes規定了圓形遮罩的旋轉度數，讓其在容器中不斷旋轉。

運行上述代碼，我們可以看到繞圈效果已經成功實現了，打造了一個簡單、酷炫的頁面裝飾效果。