以上是2d属性
其他的均为3d属性，设置了这些属性变具备了z坐标上的图形。
例如：rotateX()这个属性设置之后，当前元素就会具备z坐标，如果不设置假视角，是无法看出3d效果的，必须是指perspective属性之后才会，看出3d的效果。如果3d元素中含有3d元素，则必须使用transform-style: preserve-3d;属性才能看出来3d效果，
包括2d元素也一样的。
哪个元素上有3d元素，perspective设置了之后就能看到其3d效果。如果3d元素是在另一个3d元素上面的，如果不设置transform-style: preserve-3d，也是无效的。
perspective: 150px;
perspective-origin: 10% 10%;
perspective-origin属性
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
