CSS 3 perspective 属性
CSS perspective 属性可以改变 3D 元素是怎样查看透视图
也就是说多少像素的3D元素是从视图的 perspective 属性定义
定义了 perspective 属性，它是一个元素的子元素，透视图，而不是元素本身
perspective 属性只影响 3D 转换元素
请与 perspective-origin 属性一同使用该属性，这样就能够改变 3D 元素的底部位置
| 默认值 | none |
|---|---|
| 继承 | no |
| 版本 | CSS3 |
| JavaScript 语法 | object.style.perspective=500 |
语法
perspective: *number* |none;
值说明
| 值 | 描述 |
|---|---|
| number | 元素距离视图的距离，以像素计 |
| none | 默认值。与 0 相同。不设置透视 |
浏览器支持
下表中的数字表示支持该属性的第一个浏览器版本号
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号
| 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
范例
设置从何处查看一个元素的角度
div { perspective: 500; -webkit-perspective: 500; /* Safari and Chrome */ }