CSS perspective 属性详解

CSS perspective 属性用于设定3D元素的观察距离，使其在二维页面中呈现具有深度感的立体视觉效果，增强空间层次与真实感。

1、 选取要应用透视效果的元素

2、 设定元素的透视距离值以开启3D视觉效果

3、 为需进行三维变换的元素设定 transform 属性即可实现效果。

4、 将 transform 属性中的 perspective() 函数设置为相同的透视距离数值。