CSS 3 perspective 属性

css perspective 属性可以改变 3D 元素是怎样查看透视图

也就是说多少像素的3D元素是从视图的 perspective 属性定义

定义了 perspective 属性，它是一个元素的子元素，透视图，而不是元素本身

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

请与 perspective-origin 属性一同使用该属性，这样就能够改变 3D 元素的底部位置

语法

perspective: *number* |none;

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

下表中的数字表示支持该属性的第一个浏览器版本号

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号

Chrome	IE	Firefox	Safari	Opera
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 */
}

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！