css3 3d api

 perspective 人看东西的距离   perspective: 500; 越小3d效果越好
 
 perspective-origin观察视点。此处默认为视图的中心点  transform-origin:20% 40%;
 
 transform-style 规定被嵌套元素如何在 3D 空间中显示。transform-style: none/preserve-3d;
 
 backface-visibility: visible|hidden;定义元素在不面对屏幕时是否可见
 perspective-origin: x-axis y-axis;规定 3D 元素的底部位置
 
 translate3d(x,y,z)  定义 3D 转化。 
 
 translateX(x)   定义 3D 转化，仅使用用于 X 轴的值。 
 
 translateY(y)   定义 3D 转化，仅使用用于 Y 轴的值。 
 
 translateZ(z)   定义 3D 转化，仅使用用于 Z 轴的值。
 
 rotate3d(x,y,z,angle)   定义 3D 旋转。 
 
 rotateX(angle)  定义沿 X 轴的 3D 旋转。 
 
 rotateY(angle)  定义沿 Y 轴的 3D 旋转。 
 
 rotateZ(angle)  定义沿 Z 轴的 3D 旋转。