CSS3-perspective 属性

实例

目前浏览器都不支持 perspective 属性。
Chrome 和 Safari 支持替代的 -webkit-perspective 属性。

div{
  -webkit-perspective: 400px;
  perspective: 400px;
}

用法

perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。
当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。
**注意：**perspective 属性只影响 3D 转换元素。

语法

perspective : number | none ;

值	描述
number	元素距离视图的距离,以像素计算
none	默认值，与0相同，不设置透视