CSS3具有強大的旋轉功能，使得我們可以通過CSS樣式表來實現元素的旋轉效果。這里介紹一種使用CSS3按中心點旋轉的方法。

.rotate {
position: relative;
transform-origin: center center;  /* 設置旋轉中心為元素的中心點 */
transform: rotate(45deg);  /* 旋轉45度 */
}
.rotate:before {
content: "";  /* 創建一個偽元素，用于擴大元素的觸摸面積 */
position: absolute;  /* 設置絕對定位 */
top: -50%;  /* 將偽元素設置到原元素上方 */
left: -50%;  /* 將偽元素設置到原元素左側 */
width: 200%;  /* 將偽元素的大小設置為原元素的兩倍 */
height: 200%;  /* 將偽元素的大小設置為原元素的兩倍 */
}

以上代碼通過設置transform-origin屬性來設置元素的旋轉中心點，這里設置為元素的中心點。transform屬性則實現了元素的旋轉效果，這里旋轉的角度為45度。通過添加:before偽元素來擴大元素的觸摸面積，確保元素的旋轉效果能夠被完全體現。

需要注意的是，transform-origin屬性的默認值為"50% 50%"，如果不設置為元素的中心點，那么元素的旋轉效果會發生偏移，無法按照預期的方式旋轉。