TransformOrigin 属性允许您更改变换后的元素的位置。
2D 变换元素可以更改元素的 x 轴和 y 轴。 3D 变换元素还可以更改元素的 z 轴。
笔记:该属性必须与转换属性。
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 | 16.0 | 9.0 | 23.0 |
返回transformOrigin属性:
object.style.transformOrigin
设置transformOrigin属性:
object.style.transformOrigin
= "x-axis y-axis z-axis|initial|inherit"
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 50% 50% 0 |
---|---|
返回值: | 一个字符串,表示元素的transform-origin属性 |
CSS版本 | CSS3 |
JavaScript 样式对象:变换属性
CSS 参考:变换原点属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!