定義和用法
該transformOrigin屬性允許您更改轉化元素位置。
2D變換元件可以改變元件的x軸和y軸。 3D變換元件也可以改變元件的z軸。
Note:此屬性必須與使用變換屬性。
瀏覽器支持
該transformOrigin屬性在Internet Explorer 10，火狐和Opera的支持。
互聯網瀏覽器9支持一個替代方案中，msTransformOrigin屬性，但僅用於2D-變換。
Chrome瀏覽器，Safari和Opera支持替代方案，WebkitTransformOrigin財產，對於2D和3D transfoms。
句法
返回transformOrigin屬性：
object .style.transformOrigin 設置transformOrigin屬性：
object .style.transformOrigin=" 屬性值 值 描述 x-axis 限定，其中該視圖被放置在x軸上。 可能的值： - 剩下
- 中央
- 對
- length
- %
y-axis 限定，其中該視圖被放置在y軸上。 可能的值： - 最佳
- 中央
- 底部
- length
- %
z-axis 限定，其中該視圖被放置在z軸(for 3D transforms) 。 可能的值： - length
initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值： 50％50％0 返回值： 一個字符串，表示元素的變換原點屬性 CSS版本 CSS3
相關頁面
JavaScript的Style對象： transform property
CSS參考： transform-origin property
<Style對象