定义和用法
该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对象