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);

× 请我吃糖~
打赏二维码