CSS中的3D相关属性

transform-style: flat/preserve-3d；
指定嵌套元素如何在3D空间中呈现
    flat：flat值为默认值，表示所有子元素在2D平面呈现
    preserve-3d：表示所有子元素在3D空间中呈现
    注意：transform-style属性需要设置在父元素中，并且高于任何嵌套的变形元素

perspective：200px；  景深   视距
    用来设置用户和元素3D空间Z平面之间的距离。而其效应由他的值来决定，值越小，用户与3D空间Z平面距离越近，视觉效果更令人印象深刻；反之，值越大，用户与3D空间Z平面距离越远，视觉效果就很小。

perspective-origin
    是3D变形中另一个重要属性，主要用来决定perspective属性的源点角度

backface-visibility属性
    语法：backface-visibility: visible | hidden
        backface-visibility属性决定元素旋转背面是否可见。对于未旋转的元素，该元素的正面面向观看者。当其Y轴旋转约180度时会导致元素的背面面对观众。
            visible：为backface-visibility的默认值，表示反面可见
            hidden：表示反面不可见