CSS 屬性 transform 可以讓元素繞著其原點進行旋轉。但是，有時候我們需要改變元素旋轉的原點，以便實現更復雜的動畫效果。在 CSS 中，我們可以通過 transform-origin 屬性來改變元素的旋轉原點。

transform-origin 屬性默認值為元素的中心點。可以通過設置屬性值來改變元素的旋轉原點。屬性值可以是像素值、百分比值，也可以是關鍵字 top、left、bottom、right 或者 center。例如：

transform-origin: 50% 50%;
transform-origin: right bottom;
transform-origin: center 200px;

上面的代碼將元素的旋轉原點分別設置為元素的中心點、右下角、水平中心點與垂直方向上距離元素頂部 200px 的點。

除了改變旋轉原點，transform-origin 屬性還可以改變縮放、傾斜等變形操作的基準點。例如：

transform-origin: bottom left;
transform: scale(2);

上面的代碼將元素的縮放基準點設置為元素的左下角，然后將元素的大小通過 scale() 函數放大了兩倍。

需要注意的是，transform-origin 屬性的值在應用 transform 變形時會受到影響。因此，布局時要確保設置元素的尺寸和位置之后再進行變形操作。