css3学习之：transform

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