transform
transform:none|<tarnsform-function>+
rotate:默认顺时针旋转
translate:平移，移动多少距离，两个值，第一个X轴，第二个Y轴（假如只有一个值，表示X轴），比如：transform:translate(50px，20%)，沿X轴正方向移动50PX距离,Y轴移动20%（参照物是自己）
scale:缩放，<number>[,<number>]?，第一个值X轴，第二个值Y轴（假如只有一个值，表示X轴Y轴都是这个值），比如，transform:scale(1.2)同时放大1.2倍
skew:倾斜，<angle>[.<angle>]?，skewX，X轴不动，Y轴倾斜（假如只有一个值，表示X轴不到，向Y轴倾斜），skewY，Y轴不动，X轴倾斜，transfrom:skew(30deg)；
X轴不动，Y轴倾斜30度
transform-origin:改变变形坐标轴的轴心
举例：
transform-origin:50% 50%;默认值，轴心是中心
transform-origin:0 0；改变轴心至0 0的位置，也就是左上角；
transform-origin:20%；改变轴心至X轴20%的位置；
transform-origin:right 50px 20px；X轴 right Y轴50px z轴20px;
perspective:none|<length>
设置视觉距离物体的远近，none是默认值
perspective-origin，设置看的角度
perspective-origin:50% 50%正中心看
translate3d(<translation-value>,<translation-value>,<length>)，3D的视角平移,X轴，Y轴，Z轴
scale3d：(<number>,<number>,<number>)3d的视角缩放，X轴，Y轴，Z轴
rotate3d：(<number>,<number>,<number>,<angle>)X轴，Y轴，Z轴组成的点与轴心连接组成的线为轴心，角度
transform-style:当多重嵌套在一起的时候，默认只有最外层有3D效果，里面的没有，这个时候就用到了transform-style这个属性，值有：flat|preserve-3d，flat（不要），preserve-3d（要透视）
backface-visibility:visible|hidden，设置背面可见不可见