css perspective属性 CSS3 perspective 属性

css perspective属性

CSS perspective属性是一个3D视角的属性，它可以让元素看起来更加立体，更有深度。它可以用来创建出一个3D空间，使元素看起来更加立体，而不是平面的。

perspective属性有两个参数：perspective-origin 和 perspective。perspective-origin 参数用于定义3D空间的原点（即视图的中心），而 perspective 参数则用于定义3D空间的大小。

.element { 
    perspective: 500px; 
    perspective-origin: 50% 50%; 
} 

在上面的代码中，我们将 3D 空间的原点定义在 50% 50% 的位置上（即元素正中心处），并将 3D 空间大小定义为 500px。这意味着当我们对元素应用 3D 转换时（例如 rotateX() 或 rotateY() ），元素会在 500px 的距离内旋转。

CSS3 perspective 属性