学过绘画或建模的人理解起来应该会简单一些:perspective定义的实际上是浏览器的虚拟摄像机距离元素本身的距离,拥有了距离才能使得元素在进行3D变换时为观看者、在屏幕上呈现出透视效果。
语法
值 | 描述 |
---|---|
number | 元素距离视图的距离,以像素计。 |
none | 默认值。与 0 相同。不设置透视。 |
定义时的perspective属性,它是一个元素的子元素,透视图,而不是元素本身。
注意:perspective 属性只影响 3D 转换元素。
提示: 请与 perspective-origin 属性一同使用该属性,这样您就能够改变 3D 元素的底部位置。
JavaScript 语法: object.style.perspective=500
.class{
-webkit-perspective: 200px;
-ms-perspective: 200px;
-moz-perspective: 200px;
perspective: 200px;
}