css 形变

平移：
transform:translate(x,y);
x,y可以是像素值，
设置为百分比的时候以自身元素的宽高为基准
*平移的时候不影响其他元素的位置，占的空间位置还是原来的。
transform: translateY(100px);-----可以在 translate后加大写Y，以表示Y轴的方向，X轴的一样。

旋转：
transform：rotate(deg);
deg是角度单位，正数的时候顺时针旋转，负数就逆时针旋转。
旋转中心是图形的中点，可以通过transform-origin属性改变。

缩放：
vtransform：scale(x,y)；
x,y是该方向的缩放比例，1为正常，当为负数的时候，会镜像。
缩放中心是图形的中点，可以通过transform-origin属性改变。
可以只控制一个方向的缩放：scaleY(5)
scale(4)-----------x,y方向都是4倍的放大。

斜切：
transform: skew(45deg);
把图形斜着放。