transform用于处理元素变形
1、translate:主要用于对象平移,两个参数,第一个参数对应X轴,第二个属性对应Y轴,如果第二个参数未提供,默认值为0
如tansform:translate(10px,10px);
2、rotate:主要2D旋转,需要先有transform-origin属性,不设置,默认为中心
如transform:rotate(90deg);transform-origin:0 0;
3、scale:指定对象的2D缩放,第一个参数对应X轴,第二个参数Y轴,如果第二个参数为提供,默认取第一个参数的值
参数没有单位
transform:scale(0.5,0.5);
4、skew:指定对象斜切扭曲,第一个参数对应X轴,第二个参数Y轴,如果第二个参数未提供,默认为0
如:transform:skew(50deg,20deg);