CSS-tansform变形

transform: (rotate | scale | skew | translate)

rotate

rotate(angle) - 旋转（顺时针）

rotate(45deg) - deg是角度单位

scale

scale(x) - 放大x倍

scale(x, y) - 横向放大x倍，纵向放大y倍

skew

skew(angle) - 水平方向上倾斜（水平默认向左倾斜）

skew(anglex, angley) - 水平方向倾斜anglex度，垂直方向上倾斜angley度（垂直默认向上倾斜）

translate

translate(x) - 横向移动x像素（横向默认向右移动）

translate(x,y) - 横向移动x像素，纵向移动y像素（纵向默认向下移动）

transform-origin

指定元素基准点

transform-origin: left top

水平方向上： left | center | right

垂直方向上： top | center | bottom