css3 2D属性

1、scale设置的是2d的缩放，中心缩放，值是倍数

transform：scale（x宽度，y高度）

scaleX（x宽度）

scaleY（y高度）

2、translate设置的是偏移，原位置偏移，有点类似相对定位

transform：translate（x宽度，y高度），倾斜移动

translateX（x偏移）

translateY（y偏移）

 translate不能设置了X偏移后又第二行设置Y偏移，只能在同一个translate里面偏移。

transform：translateX（50px） translateY（40px）

或者是 transform：translate（x宽度，y高度）

移动值可以设置px，也可以设置%（本身宽高的百分比）

3、旋转 rotate，单位deg

rotate（ndeg），顺时针逆时针，正数顺时针，负值逆时针

rotateX（x），上下旋转

rotateY（y），左右旋转

4、倾斜skew

skew（X，Y）

skewX（x）

skewY（y）

5、transform-origin设置变形的原点

1、水平位置   2、垂直位置 （可以是方向单词，px，%）