常用的3D样式

1、transform-style：用于定义子元素是如何在 3D 空间中呈现的，常用值有 preserve-3d 和 flat。

element.style.transformStyle = "preserve-3d";

2、perspective：设置观察者与 z=0 平面的距离，产生透视效果。

element.style.perspective = "1000px";

3、transform：进行元素的 3D 变换，包括旋转、平移、缩放等。

element.style.transform = "rotateX(45deg) translateY(50px) scale(1.5)";

4、transform-origin：定义元素变换的原点位置。

element.style.transformOrigin = "center center";

5、backface-visibility：控制元素背面是否可见。

element.style.backfaceVisibility = "hidden";

6、perspective-origin：设置透视点的位置。

element.style.perspectiveOrigin = "center center";