C3新增-transform转换

transform-转换
1)作用： 使元素在位置或者形状上发生一定的改变

2)属性： transform: translate() /rotate() /scale() /skew();

3)属性值
①位移 单位：px、%
transform: translate(x,y);
当只取一个值,表示水平方向移动的距离
当取两个值,表示水平方向和垂直方向移动的距离
取正值,往右下移动;取负值,往左上移动

②旋转 单位:deg( 弧度)
transform: rotate(30deg);
取正值,顺时针旋转；取负值,逆时针旋转
默认元素的中心点为元素的正中心,宽高的一半
可以通过transform-origin: ;修改元素的中心点

③缩放 取值number，0~1时为缩小；>1时为放大；默认值为1
transform: scale(x,y);
当只取一个值，等比例缩放
当只取两个值,表示水平方向和垂直方向

④倾斜单位deg
transform:skew(x,y);
当只取一个值,表示水平方向倾斜的弧度
当取两个值,表示水平方向和垂直方向倾斜的弧度