CSS3變形原點是指指定元素進行變形時的參照點，通俗的講就是變形時基準點的位置。默認情況下，CSS3變形的原點是元素的中心點。但是通過CSS代碼，我們可以輕松地改變這個原點的位置，實現更加豐富的變形效果。

transform-origin: x y;

其中，x和y分別表示原點在X軸和Y軸上的位置，可以使用百分比、像素或其他單位來指定。如果只寫一個值，另一個值默認為50%。如果寫兩個值，第一個是x軸位置，第二個是y軸位置。

舉個例子：

div {
background-color: yellow;
width: 100px;
height: 100px;
margin: 50px auto;
transform: rotate(30deg);
transform-origin: top left;
}

上面的代碼實現了一個黃色的正方形，元素的變形效果是旋轉30度。但是因為默認的原點是中心點，元素旋轉的軸心就是中心點，導致元素偏離了原來的位置。

通過添加transform-origin屬性，我們將原點指定為左上角，這樣元素就會繞著左上角旋轉，而不是中心點：

除了指定固定的原點位置外，還可以使用關鍵詞來指定原點位置：

- top - bottom - left - right - center

這些關鍵詞可以在x和y軸上各自指定一個，也可以在一個屬性值中同時指定。

總之，CSS3變形原點是非常有用的一個屬性，它可以提供更加豐富的變形效果，更加靈活地控制元素的動態效果。