perspective 是 CSS 中用于定义透视效果的属性。它只对 3D 变换的元素有效,用于创建三维空间的效果。

语法如下:
perspective: value;

  •  value: 可以是长度值,表示透视点到元素的距离。较小的值会增加透视效果,使元素看起来更大。默认值是 none。


示例:
/* 设置透视效果,值越小透视效果越强 */
perspective: 1000px;

这个属性用于在进行 3D 变换时创建透视效果。透视效果使得远离观察者的元素显得较小,而靠近观察者的元素显得较大,产生了近大远小的感觉。

请注意,perspective 属性通常与 transform 属性一起使用,例如在进行 3D 旋转时。例如:
/* 同时设置透视和进行 3D 旋转 */
transform: perspective(1000px) rotateY(45deg);

这将在透视点为 1000 像素处创建透视效果,并绕 Y 轴旋转元素 45 度。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6122/CSS