目录

style perspectiveOrigin 属性

示例

设置 3D 元素的基本位置:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
亲自试一试 »

描述

PerspectiveOrigin 属性定义 3D 元素在 x 轴和 y 轴上的位置。此属性允许您更改 3D 元素的底部位置。

当定义元素的perspectiveOrigin 属性时,定位的是子元素,而不是元素本身。

笔记:该属性必须与看法属性,并且仅影响 3D 变换元素!


浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
perspectiveOrigin 36.0 10.0 16.0 6.1 23.0


语法

返回透视图原点属性:

object.style.perspectiveOrigin

设置透视图原点属性:

object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

属性值

Value Description
x-axis Defining where the view is placed at the x-axis

Possible values:

  • left
  • center
  • right
  • length
  • %

Default value: 50%

y-axis Defining where the view is placed at the y-axis

Possible values:

  • top
  • center
  • bottom
  • length
  • %

Default value: 50%

initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 50% 50%
返回值: 一个字符串,表示元素的透视原点属性
CSS版本 CSS3

相关页面

JavaScript 样式对象:透视属性

CSS 参考:透视原点属性