① 位移
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();