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