css3 transform

css3 transform：是css样式里，将元素在2d和3d之间转换，或者将元素进行旋转位移缩放倾斜

transform-style是定义元素如何显示
其属性值常用的为preserve-3d，initial；

transform-origin是定义元素的定位点，当元素发生位移旋转时，围绕该点发生变化

perspective规定了3d模式中元素的透明度显示

backface-visibility规定了当元素旋转时不显示元素的背面

transition：过渡，添加时间后，动画将在设置时间内完成转变

transform的子属性：
rotate：旋转，可为负值，单位为度（deg），顺时针为正，逆时针为负

skew：倾斜，可为负值，单位为度（deg），顺时针为正，逆时针为负

translate：位移，可为负值，单位为度（deg），百分比或者像素，顺时针为正，逆时针为负

scale：缩放，为负值时没有意义，取值时直接为数值或者百分比