在CSS中，我們可以使用 transform 屬性來(lái)實(shí)現(xiàn)圖片的旋轉(zhuǎn)效果。但是，如果我們沒(méi)有指定旋轉(zhuǎn)的中心點(diǎn)，那么圖片將默認(rèn)以左上角為中心點(diǎn)進(jìn)行旋轉(zhuǎn)，這可能不符合我們的需求。因此，本文將介紹如何在 CSS 中指定圖片旋轉(zhuǎn)的中心點(diǎn)。

img {
transform-origin: center center; /* 指定旋轉(zhuǎn)中心點(diǎn)為圖片中心 */
transform: rotate(45deg);
}

代碼中的 transform-origin 屬性可以指定旋轉(zhuǎn)的中心點(diǎn)。在上述代碼中，我們將中心點(diǎn)指定為 center center，表示圖片的中心點(diǎn)。當(dāng)然，我們也可以指定其他的坐標(biāo)，比如 left top、right bottom 等。

通過(guò)設(shè)置 transform-origin 屬性，我們可以更加靈活地控制圖片的旋轉(zhuǎn)效果，實(shí)現(xiàn)更加優(yōu)美的設(shè)計(jì)效果。