在CSS中,我們可以使用 transform 屬性來實現圖片的旋轉效果。但是,如果我們沒有指定旋轉的中心點,那么圖片將默認以左上角為中心點進行旋轉,這可能不符合我們的需求。因此,本文將介紹如何在 CSS 中指定圖片旋轉的中心點。
img { transform-origin: center center; /* 指定旋轉中心點為圖片中心 */ transform: rotate(45deg); }
代碼中的 transform-origin 屬性可以指定旋轉的中心點。在上述代碼中,我們將中心點指定為 center center,表示圖片的中心點。當然,我們也可以指定其他的坐標,比如 left top、right bottom 等。
通過設置 transform-origin 屬性,我們可以更加靈活地控制圖片的旋轉效果,實現更加優美的設計效果。
上一篇jquery if &&
下一篇mysql中觸發器的寫法