perspective 是 CSS 中用于设置透视效果的属性。这个属性用于定义一个透视点,影响被转换元素的三维旋转效果。perspective 只对使用 3D 转换(transform)的元素产生影响。

perspective 接受一个长度值,表示透视点到观察者的距离。这个值越小,透视效果越明显。

示例:
.container {
  perspective: 1000px; /* 设置透视点到观察者的距离为1000像素 */
}

.transformed-element {
  transform: rotateY(45deg);
}

在上述示例中,.container 是包含了一个被变换的元素(.transformed-element)的容器。通过设置容器的 perspective 属性,影响了容器内的被变换元素的透视效果。元素使用 rotateY(45deg) 进行了一个绕 Y 轴的 45 度旋转,透视效果使得旋转在视觉上更加真实。

需要注意的是,perspective 属性只对使用 3D 转换的元素有效,对于普通的 2D 元素没有影响。


转载请注明出处:http://www.zyzy.cn/article/detail/4238/CSS