Style perspective 属性

定义和用法

perspective 属性定义 3D 元素距视图的距离，以像素计。此属性允许您更改查看 3D 元素的视角。

当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。

注释：perspective 属性只影响 3D 转换元素。

提示：请与 perspective-origin 属性 一同使用该属性，这样您就能够改变 3D 元素的底部位置。

另请参阅：

JavaScript Style 对象：perspectiveOrigin 属性

CSS 参考手册：perspective 属性

实例

设置查看元素的视角：

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

亲自试一试

语法

返回 perspective 属性：

object.style.perspective

设置 perspective 属性：

object.style.perspective = "length|none"

属性值

技术细节

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。