首先想实现3D的效果。然后需要设置一个属性ttranform3d:第一个rotation:当设置transform-style:preserve-3D时，代表此时应用的3D场景。当设置transform-style:flat时，使用2d变换效果。所以，当X设置旋转45度时，感觉元素稍微向后，宽度保持不变。但是高度会低一些。当Y旋转设置为45时，想象一下倾斜的东西会被拉长。当Z设置为45度时，它看起来像一个2d旋转。当所有三个都设置为45度时。对于3D效果，我觉得自己的想象力还是有些欠缺。这不容易描述。有人说首先要确定坐标轴。使用左手法则。但是对于我来说，我好像什么都不懂。然后我想到了一个不太好的方法。自己找个盒子。布置了左右规则。rotateX时，绕大拇指画圈；rotateY时，绕食指一圈；rotateZ的时候，绕着你的中指画圈，因为我们还没有使用3d的perspective属性来渲染。所以上面的图片根据自己实验的结果，渲染出来的3D设计图，瞬间就知道了。2.Perspective设置3D元素的视觉效果范围。我现在不知道如何使用它。官网说transform-origin需要和transform-origin一起使用：一个是X轴的初始值，一个是Y轴的初始值。默认为50%background-visibility设置后退元素是否可见。它有两个属性值：visible是可见的，hide是不可见的。当然，对于3d来说，设置Z轴的时候，依然是tanslateZ轴。相当于pxscaleZ向后移动一个元素多少来设置Z轴的缩放系数
