前面介绍了css3 2D变形(transform)移动、缩放、旋转、倾斜
有2D 也有3D,例如3D transform中有下面这三个方法:
rotateX( angle )
rotateY( angle )
rotateZ( angle )
perspective 属性定义 3D 元素距视图的距离,以像素计(一般取500px)。该属性允许您改变 3D 元素查看 3D 元素的视图。
当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。
目前浏览器都不支持 perspective 属性。
Chrome 和 Safari 支持替代的 -webkit-perspective 属性。
注释:perspective 属性只影响 3D 转换元素。
更多有关3d和透视的知识可以参考张鑫旭前辈的文章——CSS3 3D transform变换,不过如此