在Web開發中，CSS動畫是非常常用的技術之一。其中，圍繞中心旋轉的動畫效果是非常炫酷的一種，可以為網頁增添不少趣味和活力。下面，本文將為大家介紹如何實現CSS動畫圍繞中心旋轉的效果。

/* 定義旋轉動畫 */
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 定義需要進行動畫的HTML元素 */
div {
width: 100px;
height: 100px;
background-color: red;
margin: 50px auto;
animation: rotate 2s linear infinite;
}

上面的代碼中，我們首先定義了一個名為“rotate”的旋轉動畫，從0度旋轉到360度。然后，我們定義了一個div元素，設置了它的寬、高和背景顏色，并將其水平居中顯示。最后，我們將這個div元素應用了我們剛剛定義的旋轉動畫，總共旋轉2秒，并且循環無限次。

當我們將上面的代碼放到HTML文件中運行時，就能看到一個圍繞中心旋轉的紅色正方形。通過不斷地調整上述代碼中animation屬性的值，我們還可以改變旋轉速度和循環次數，來達到更理想的旋轉效果。