知识点一：css3 2D转换

1、定义：

CSS3转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状，大小和位置。

2D变换方法：translate()、rotate()、scale()、skew()、matrix()它们都在transform属性中

2、translate()方法

(1)第一个参数时x轴平移，第二个参数时y轴平移，有正负之分

3、rotate()方法

(1)、只有一个参数，代表度数；

(2)、正数代表顺时针方向，负数代表逆时针方向；

(3)、旋转围绕圆心（默认是中心点）；

(4)、origin属性可以更改旋转的圆心坐标。

4、scale()方法

       (1)第一个值代表x轴缩放，第二个值代表y轴缩放，如果只有一个值代表x轴、y轴同时缩放

(2) origin属性可以更改缩放的圆心坐标。

5、skew()方法

(1)可以传递两个参数，第一个代表x轴的偏移，角度是与y轴的夹角，第二个代表y轴的偏移，角度是与x轴的夹角。

(2)旋转围绕圆心

知识点二：css3 3D转换

1、rotateX()方法

rotateX()方法，围绕其在一个给定度数X轴旋转的元素。

2、rotateY()方法

rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。

3、转换的其他方法

CSS转换