最新的Web开发教程
 

Style perspective Property

<Style对象

设置从那里一个元件被观察的透视图:

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

定义和用法

的立体属性定义多少像素的三维元件从视图放置。 这个属性可以让你改变被视为如何3D元素的视角。

当定义一个元素的角度特性,它是子元素获得立体图,NOT元件本身。

Note:透视属性只影响3D转换的元素!

Tip:与一起使用此属性perspectiveOrigin属性,它允许您更改3D元素的底部位置。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

透视属性在IE10 +和Firefox支持。

Chrome浏览器,Safari和Opera支持替代方案,WebkitPerspective财产。


句法

返回的角度属性:

object .style.perspective

设置透视属性:

object .style.perspective=" 属性值
描述
length 多远的元素从视图中放置
none 默认值。 同样为0。透视未设置
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 没有
返回值: 一个字符串,表示元件的透视属性
CSS版本 CSS3

相关页面

JavaScript的Style对象: perspectiveOrigin property

CSS参考: perspective property


<Style对象