前端基础CSS3-（3D动画）

一、透视属性；定义虚拟眼睛， perspective: ；

        1.透视写到被观察元素的父盒子上面 

        2.当透视值小于z值的时候，是什么都看不见的，

        3. z值就是物体到屏幕的距离，

        4.  而透视，就是虚拟眼睛到屏幕的距离 

 body {
  
        perspective: 500px;
      }

       

      二、3D移动

         transform: translateX(100px) translateY(100px) translateZ(100px);

         1. translateZ 沿着Z轴移动

         2. translateZ 后面的单位我们一般跟px

         3. translateZ(100px) 向外移动100px （向我们的眼睛来移动的）

         4. 3D移动有简写的方法