CSS3 2D转换与3D的转换

2D

一、2D定义：

转换的效果是让某个元素改变形状，大小与位置

二、2D转换类型：

1、translate()，根据左(x轴)和顶部(y轴)位置给定的参数，从当前元素位置移动；

translate值(50px，100px)是从左边元素位置移动50个像素，并从顶部向下移动100px像素。

2、rotate()方法，在一个给定度数顺时针旋转的元素，负值是允许的，这样是让元素逆时针旋转；

rotate值(30deg)元素顺时针旋转30度。

3、scale()方法，该元素增加或减小的大小，取决于宽度(X轴)和高度(Y轴)