perspective()

perspective() 是一个 CSS 函数，用于定义一个变换，设置用户与 z=0 平面之间的距离，即二维界面变为三维时用户的观看视角。其结果是一个 <transform-function> 数据类型。

该函数在创建 3D 变换效果时非常有用，可以控制元素在 3D 空间中的透视深度。通过调整 perspective() 的值，可以改变观察者与平面之间的距离，从而影响 3D 变换的强度和视觉效果。

perspective() 函数通常与 transform 属性一起使用，特别是在创建 3D 变换效果时。较大的值会使透视效果更平缓，而较小的值则会使透视效果更强烈。

需要注意的是，perspective() 函数会影响其子元素的 3D 变换，而不是元素本身。因此，通常会将 perspective() 应用于父元素，然后对子元素应用 3D 变换。