CSS3提供了許多新的特性，其中包括可以使元素圍繞中心按圓圈旋轉的功能。這個功能在設計網頁時會經常用到，讓我們來看看具體實現方法。

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: rotate 5s linear infinite;
}
@keyframes rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}

首先，我們定義一個class名為“circle”，設置寬度和高度為50px，以及border-radius為50%，讓元素形成一個圓形。使用position:absolute讓元素相對于父元素定位。

接著，使用transform: translate(-50%, -50%);將元素水平和垂直居中。animation屬性定義了圓圈的旋轉效果，我們將其命名為rotate，并設置為5秒循環播放。

最后，我們使用@keyframes定義rotate動畫效果，將元素從0度旋轉到360度。完成后，將其transform屬性設為transform: translate(-50%, -50%) rotate(0deg)。

這樣，我們就實現了圍繞中心按圓圈旋轉的CSS3效果?？梢栽诟鞣N網頁設計中使用，實現各種炫酷效果，例如旋轉的加載動畫等。