如圖，小編我就用兩個一樣的div進行對比，這是基礎的div代碼。

如圖，這是沒有旋轉的div，接著我們只給灰藍色的div設置旋轉，好明確知道旋轉中心點是什么。

給灰藍色div設置就是使用.t類名，然后用到了transform，接著就是rotate了。注意角度用的是deg，這里我就設置旋轉45度。

接著看下對比，灰藍色的div已經旋轉了，并且旋轉的中心點默認是div的正中心哦。

而如果我們要設置旋轉的中心點可以用到transform-origin這個屬性，如圖所示，我設置旋轉中心為left top，意思是以左上角為旋轉中心。

如圖，這時候旋轉中心改變了，變成了左上了，是不是非常神奇呢？

而右上就是right top，當然還有center（中），bottom（下），大家可以自己組合試試效果。

這里我就只演示了這兩種效果，重要是動手看看旋轉后的角度方向。

當然了，css3旋轉的角度可以設置成負數的。

這樣元素就會向反方向旋轉哦，這就是css3旋轉中需要知道注意的技巧了。