CSS perspective 属性

为 3D 定位元素提供一些视角：

#div1 {
perspective: 100px;
}

下面有更多 "亲自试一试" 示例。

定义和用法

这个perspective属性用于为 3D 定位元素提供一些视角。

这个perspective属性定义了对象距用户的距离。因此，较低的值比较高的值会产生更强烈的 3D 效果。

当定义perspective对于元素的属性，获取透视图的是子元素，而不是元素本身。

提示：另请参阅视角原点属性，定义用户查看 3D 对象的位置。

为了更好地理解透视属性，查看演示。

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
perspective	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	9.0 4.0.3 -webkit-	23.0 15.0 -webkit-

perspective: length|none;

Property Value	Description	Demo
length	How far the element is placed from the view	Demo ❯
none	Default value. Same as 0. The perspective is not set	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit