css3-3D

1.景深：近大远小

        perspective：1200px（在父元素中使用）

        transform:perspective(1200px)   (在子元素中使用）

2.实现3d场景：transform-sytle:preserve-3d

  1)3D位移：transform：translate3d(tx,ty,tz)

                     transform:translateZ()

    2)3d旋转： transform:rotateX(  deg)

                       transform:rotateY(  deg)

                       transform:rotateZ(  deg)

                         transform:rotate3d( , , ,  deg)(前3个参数为矢量值为1或者0，为1代表选中）

3.css3动画：

  动画的定义：      

@keyframes mymove{
     from{初始状态属性}
    to{结束状态属性}
}

@keyframes mymove{
     0%{初始状态属性}
    50%（中间再可以添加关键帧）
    100%{结束状态属性}
}

        动画的调用：

animation-name（动画名称）
animation-duration （动画运动的时间）
animation-timing-function （动画运动的方式  infinite——无限循环）
animation-delay（动画的延时）
animation-iteration-count （动画运动次数）
animation-direction （运动方向）
animation-play-state （动画的运动状态）