中心點旋轉是CSS3中常用的效果之一，它可以讓指定元素以自身中心點為基準點進行旋轉。

.rotate {
width: 100px;
height: 100px;
background-color: yellow;
transform-origin: 50% 50%;
transform: rotate(30deg);
}

上面的代碼中，.rotate是我們指定的元素，它的寬度和高度都為100像素，背景顏色為黃色。 transform-origin屬性指定了旋轉的中心點，這里我們將其設置為元素的中心點。而transform屬性則用來指定旋轉的角度，這里我們將元素旋轉了30度。

通過以上代碼，我們就可以實現以指定元素的中心點為基準點進行旋轉的效果。