2D变换

transform
缩放：
scale(水平缩放比例，垂直缩放比例);
只有一个值，等比例缩放
大于1，放大
小于1，缩小

平移：
translate(水平移动距离，垂直移动距离);
只有一个值  水平位移
正值  右下移动
可以使用百分比，百分比是相对于自身的
注意，在c3中，所有的百分比都是相对于自己的
translate(-50%)可以让定位的盒子居中;

效果

旋转：
rotate()
角度：deg  rotate(45deg)

显示效果：

斜切
skewX()水平斜切，会和竖直方向形成夹角
skewY()垂直斜切，会和水平方向形成夹角

skewX(30deg)显示效果 如下

 skewY(30deg)显示效果 如下

变换中心点 
在默认情况下，盒子的在盒子的几何中心 
可以通过transform-origin改变变换中心的位置
transform-origin:left top right bottom center;20px 20px;