CSS3的2D转换方法

Css3 2D转换可以对元素进行移动、缩放、转动、拉长或拉伸

translate()方法 ： 移动

//水平方向移动30px, 垂直方向移动20px
transform: translate(200px,200px);

rotate()方法 ： 旋转

/* 表示顺时针旋转30度 */
transform: rotate(30deg);

/* 表示逆时针旋转30度 */
transform: rotate(-30deg);

scale()方法 ：缩放

//转变宽度为原来的大小的2倍，和其原始大小3倍的高度。
transform: scale(2,3);

skew()方法： 倾斜/拉伸

//在x轴和y轴上倾斜20度和30度
transform: skew(20deg,30deg);