前端复习--18 3D动画？

1. 3D操作？
    transform:
       rotateX() : 正值向上翻转
       rotateY() : 正值向右翻转
       translateZ() : 正值向前，负值向后  值不能超过景深，不然就比整个屏幕还要大了
       scaleZ() : 立体元素的厚度

    3d写法
        scale3d() : 三个值 x y z
        translate3d() : 三个值 x y z
        rotate3d() : 四个值 0|1(x轴是否添加旋转角度)  0|1(y轴是否添加旋转角度)  0|1(z轴是否添加旋转角度)  deg

    perspective（景深）: 离屏幕多远的距离去观察元素，值越大幅度越小。

    perspective-origin : 景深-基点位置，观察元素的角度。

    transform-origin: center center -50px;   （Z轴只能写数值，不能写单词）

    transform-style : 3D空间
        flat  (默认值2d)、preserve-3d   (3d，产生一个三维空间)

    backface-visibility : 背面隐藏
        hidden、visible (默认值)