CSS中有一個非常有趣的屬性，可以讓一個元素以其自身中心點為軸心旋轉。這個屬性就是transform rotate。

transform: rotate(45deg);

我們可以通過在CSS中添加上面的代碼，使一個元素以其中心點為軸心順時針旋轉45度。

但是，如果我們希望元素以某個點為軸心進行旋轉呢？

我們可以使用transform-origin屬性。這個屬性可以設置旋轉點的位置。

transform-origin: 50% 50%; /* 元素中心點 */
transform: rotate(45deg); /* 以中心點進行旋轉 */

上面的代碼將使元素以其中心點為軸心旋轉45度。

現在，如果我們想要以元素左下角為軸心進行旋轉呢？那么我們需要設置transform-origin為“left bottom”。

transform-origin: left bottom;
transform: rotate(45deg);

這樣元素就會以其左下角為軸心順時針旋轉45度。