預設元素transform 的旋轉、縮放、平移、斜切的座標系統的原點為該元素的幾何中心。

transform-origin 屬性

transform-origin 屬性允許更改轉換元素的位置，即原點。

語法

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

2d 中去掉 z-axi 即可。

	<style type="text/css">
		div {width: 800px; height: 250px; background: #abcdef; margin:auto;}
		div > img {
			transform: scale(0.3,0.3) rotateZ(10deg);
			transform-origin: 25% top;
		}
	</style>