最新的Web开发教程
 

Style perspectiveOrigin Property

<Style对象

设置一个3D元素的根放置:

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

定义和用法

所述perspectiveOrigin属性定义其中3D元件是基于在x方向和y轴。 此属性允许您更改3D元素的底部位置。

当定义一个元素的属性perspectiveOrigin,它是位于所述子元素,而不是元素本身。

Note:此属性必须与使用的角度属性,只影响3D转换的元素!


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该perspectiveOrigin属性在IE10 +和Firefox支持。

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


句法

返回perspectiveOrigin属性:

object .style.perspectiveOrigin

设置perspectiveOrigin属性:

object .style.perspectiveOrigin=" 属性值
描述
x-axis 限定,其中该视图被放置在x轴

可能的值:

  • 剩下
  • 中央
  • length
  • %

默认值:50%

y-axis 限定,其中该视图被放置在Y轴

可能的值:

  • 最佳
  • 中央
  • 底部
  • length
  • %

默认值:50%

initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

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

相关页面

JavaScript的Style对象: perspective property

CSS参考: perspective-origin property


<Style对象