3d&动画

1、近大远小 景深

程序中实现的方法 perspective 元素距离 视线的距离（物体和眼睛的距离越小，近大远小的效果越明显）

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

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

2、3d

transform-style：preserve-3d：给父级加

1）：3D位移     transform:translate3d(tx,ty,tz)     transform:translateZ(t)

2）：3D旋转     transform:rotateX()     transform:rotateY()     transform:rotateZ()     transform:rotate3d( )

3、动画

1）关键帧

@keyframes mymove{      

from{初始状态属性}     

to{结束状态属性}

} （一次）

@keyframes mymove{      

0%{初始状态属性}     

50%（中间再可以添加关键帧）     

100%{结束状态属性}

}（多次）