CSS3中提供了很多新的屬性和特性，其中之一就是transform-origin。

transform-origin: x-axis y-axis z-axis;

transform-origin用于設(shè)置transform的起始點。當(dāng)我們使用transform函數(shù)來進(jìn)行元素的旋轉(zhuǎn)、縮放、傾斜等變形時，元素變形的起始點就是transform-origin所設(shè)置的點。

transform-origin的列子如下：

transform: rotate(30deg);
transform-origin: top left;

這將會讓元素以左上角為起始點順時針旋轉(zhuǎn)30度。

transform-origin的屬性值可以是百分比、關(guān)鍵字或者是長度單位。如果傳入兩個值，則第一個值表示水平方向的起始點，第二個值表示垂直方向的起始點。如果傳入三個值，則第一個值表示水平方向的起始點，第二個值表示垂直方向的起始點，第三個值表示深度方向的起始點。

使用transform-origin可以讓我們靈活地控制元素變形的起始點，從而實現(xiàn)更多樣化的視覺效果。