CSS3中，我們可以使用transform屬性來(lái)實(shí)現(xiàn)元素的旋轉(zhuǎn)，rotate函數(shù)可以將元素旋轉(zhuǎn)指定的角度，如果我們想要設(shè)置旋轉(zhuǎn)的中心點(diǎn)，就需要使用transform-origin屬性了。

transform-origin屬性用于定義元素進(jìn)行變換時(shí)的中心點(diǎn)，默認(rèn)情況下，變換的中心點(diǎn)是元素的中心，我們可以手動(dòng)設(shè)置變換的中心點(diǎn)，使其位于元素的任意位置。

如果我們想要將一個(gè)元素旋轉(zhuǎn)45度，并且希望旋轉(zhuǎn)的中心點(diǎn)是元素的左上角，可以編寫(xiě)如下CSS代碼：

.rotate-element {
  transform: rotate(45deg);
  transform-origin: left top;
}

在上面的代碼中，transform-origin: left top; 表示變換的中心點(diǎn)是元素的左上角，如果我們希望變換的中心點(diǎn)是元素的右上角，可以將transform-origin設(shè)置為right top。

需要注意的是，transform-origin屬性的值可以是關(guān)鍵詞（如left、right、top、bottom等）或像素值，如果希望變換的中心點(diǎn)位于元素的中心，可以使用center關(guān)鍵詞。

CSS3提供了強(qiáng)大的變換功能，我們可以利用transform和transform-origin屬性來(lái)實(shí)現(xiàn)元素的旋轉(zhuǎn)和縮放等操作。