【系列】css3<3D>转换

IE下使用-ms-transform-origin属性，但仅限于2D转换

Firefox下使用-moz-transform-origin属性，但仅限于2D转换

Opera下使用-o-transform-origin属性，但仅限于2D转换

Chrome下使用-webkit-transform-origin属性，同时适用于2D和3D转换。

3)、transform-style
规定被嵌套元素如何在3D空间中显示。
flat：子元素将不保留其3D位置。
preserve-3d： 子元素将保留其3D位置
只有webkit可用

4)、prespective
规定3D元素的透视效果
只有webkit可用

5)、prespective-origin
规定3D元素的底部位置。
只有webkit可用

6)、backface-visibility
定义元素在不面对屏幕时是否可见。
visible：背面可见
hidden：背面不可见


二、css3<3D转换>函数
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)  ：定义3D转换，使用16个值的4*4矩阵

translate3d(x,y,z)：定义3d转换
translateX(x)：定义3D转换，仅使用于x轴的值
translateY(y)：定义3D转换，仅使用于y轴的值
translateZ(y)：定义3D转换，仅使用于z轴的值

scale3d(x,y,z)：定义3D缩放转换
scaleX(x)：定义3D缩放转换，通过给定一个x轴的值
scaleY(y)：定义3D缩放转换，通过给定一个y轴的值
scaleZ(z)：定义3D缩放转换，通过给定一个z轴的值

rotate3d(x,y,angle)：定义3D旋转
rotateX(angle)：定义沿x轴的3D旋转
rotateY(angle)：定义沿y轴的3D旋转
rotateZ(angle)：定义沿z轴的3D旋转