css perspective属性 CSS3 perspective 属性

css perspective属性

CSS perspective属性是一个3D视角的属性，它可以让元素看起来更加立体，更有深度感。它可以用来创建出一个3D空间，使元素看起来更加立体，也可以用来制作出一些有趣的效果。

.element {
    perspective: 500px;
}

perspective属性的语法是perspective: | none，其中length表示3D空间的大小，单位可以是px、em、rem等。当length为0时，表示不使用3D效果；当length大于0时，表示使用3D效果。

.element { 
    transform: rotateX(45deg); 
} 

perspective属性还可以配合transform属性一起使用，它可以在3D空间中对元素进行旋转、平移、缩放、扭曲等多个方面的变形。例如上面代码中的transform: rotateX(45deg)就是将元素在X轴上旋转45度。

CSS3 perspective 属性

div
{
perspective: 500;
-webkit-perspective: 500; 
}

perspective: number|none;