语法如下:
perspective: value;
- value: 可以是长度值,表示透视点到元素的距离。较小的值会增加透视效果,使元素看起来更大。默认值是 none。
示例:
/* 设置透视效果,值越小透视效果越强 */
perspective: 1000px;
这个属性用于在进行 3D 变换时创建透视效果。透视效果使得远离观察者的元素显得较小,而靠近观察者的元素显得较大,产生了近大远小的感觉。
请注意,perspective 属性通常与 transform 属性一起使用,例如在进行 3D 旋转时。例如:
/* 同时设置透视和进行 3D 旋转 */
transform: perspective(1000px) rotateY(45deg);
这将在透视点为 1000 像素处创建透视效果,并绕 Y 轴旋转元素 45 度。
转载请注明出处:http://www.zyzy.cn/article/detail/6122/CSS