2D的转换transform
移动
transform:translate(200px,200px); (x轴,y轴)的移动参数
-webkit-transform:translate(200px,200px); 支持safari chrome
-ms-transform:translate(200px,200px); 支持 IE
-O-transform:translate(200px,200px); 支持 opera
-moz-transform:translate(200px,200px); 支持firefox
transform
旋转
transform:rotate(180deg); (180deg)表示旋转180度 ,可以改变
-webkit-transform:rotate(180deg); 支持safari chrome
-ms-transform:rotate(180deg); 支持 IE
-O-transform:rotate(180deg); 支持 opera
-moz-transform:rotate(180deg); 支持firefox
缩放
transform:scale(1,2); (x轴,y轴)的缩放倍数
-webkit-transform:scale(1,2);
-ms-transform: scale(180deg);
-O-transform: scale(180deg);
-moz-transform:scale(1,2);
倾斜
transform: skew(50deg,50deg); (x轴,y轴)的倾斜度数
-webkit-transform:skew(50deg,50deg);
-ms-transform:skew(50deg,50deg);
-O-transform: skew(50deg,50deg);
-moz-transform:skew(50deg,50deg);