transform——转换

① 位移

transform:translate(x,y);     同时x轴和y轴的位移

translate(x);        在x轴上的位移 同 translateX(x)

translateY(y);       在Y轴上的位移

② 缩放

transform: scale(v1);           同时缩放x轴和y轴的大小

scaleX(v1)

scaleY(v1)

scale(v1,v2);   v1——x轴   v2——y轴

v1>1   放大    =1  不变    0<v1<1变小

③ 旋转——改变元素的角度

transform:rotate( n deg)       n + 顺时针   -逆时针

旋转原点 transform-origin:x y;

transform-origin:100% 0;  //以右上角为原点

④倾斜

transform:skew();

语法： transform:translate()  scale()  rotate()  skew();