Style perspective 属性

返回上一级

Style 对象的 perspective 属性定义 3D 元素距视图的距离,以像素计

我们可以使用该属性改变 3D 元素被查看的视角

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

perspective 属性只影响 3D 转换元素

请把该属性与 perspectiveOrigin 属性一起使用,这样就能够改变 3D 元素的底部位置

语法

返回 perspective 属性

object.style.perspective

设置 perspective 属性

object.style.perspective=" length |none"

属性值

描述
length 元素距离视图的距离,以像素计
none 默认值。与 0 相同。不设置透视
initial 设置该属性为它的默认值。可以阅读 initial
inherit 从父元素继承该属性。可以阅读 inherit

返回值

字符串,表示元素的 perspective 属性

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10+ 和 Firefox 支持 perspective 属性

Chrome、Safari 和 Opera 支持另一个可替代该属性的属性,即 WebkitPerspective 属性

范例

设置元素被查看位置的视角

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

运行范例 »

相关知识

JavaScript Style 对象: perspectiveOrigin 属性

CSS 参考手册: perspective 属性

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.