JavaScript HTML DOM Style perspective 属性

• 

  perspective 属性

  perspective属性定义从视图中放置3D元素的像素数。此属性允许您更改3D元素的查看方式。定义元素的透视属性时，它是获取透视视图的子元素，而不是元素本身。

  注意：perspective属性仅影响3D转换元素！

  提示：将此属性与perspectiveOrigin属性一起使用，该属性 允许您更改3D元素的底部位置。

  设置查看元素的位置的透视图：

  document.getElementById("myDIV").style.perspective = "50px";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  perspective	10.0+	36.0+	16.0+	6.1+	23.0+

  注意：旧版Chrome，Safari和Opera支持另一种WebkitPerspective属性。
• 

  语法

  返回perspective属性：

  object.style.perspective

  设置perspective属性：

  object.style.perspective = "length|none"
• 

  属性值

  值	描述
  length	从视图放置元素的距离
  none	默认值。 与0相同。未设置透视
  initial	设置这个属性为默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	none
  返回值：	一个字符串，表示元素的透视属性
  CSS版本	CSS3

• 

  相关页面

  CSS参考：CSS perspective 属性