2D转换

transform: rotate(30deg):将元素顺时针旋转30度
-ms-transform: rotate(30deg); /* IE 9 /
-webkit-transform: rotate(30deg); /
Safari and Chrome */

transform: translate(50px,100px):从左边元素移动50个像素,并从顶部移动100像素

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

transform: skew(30deg,20deg):元素在X轴和Y轴上倾斜20度30度

matrix 方法有六个参数,包含旋转,缩放,移动(平移)和倾斜功能

2D转换