CSS之2D转换

旋转 rotate( deg)

transform:rotate(45deg); 对元素进行旋转，正值为顺时针，负值为逆时针
transform:rotateX(45deg);元素围绕其 X 轴以给定的度数进行旋转
transform:rotateY(45deg);元素围绕其 Y 轴以给定的度数进行旋转
transform-origin: % %; 定义旋转的原点。例如0 100%是做左下角

倾斜 skew( px, px)

transform:skew(x,y); 可以改变元素的位置。x y可以为负值

平移 translate( px, px)

transform:translate( px, px) 可以水平，垂直的改变元素的位置。
transform:translateX(12px)水平移动12px;
transform:translateY(12px)垂直移动12px;

扩大 scale(小数)

transform:scale(水平放缩比例，垂直放缩比例)；
transform:scale(1.2) 不可为负数