CSS3 2D 转换

新的转换属性

下面的表格列出了所有的转换属性：

属性描述transform向元素应用 2D 或 3D 转换transform-origin允许你改变被转换元素的位置

2D Transform 方法

函数描述matrix(n,n,n,n,n,n)定义 2D 转换，使用六个值的矩阵translate(x,y)定义 2D 转换，沿着 X 和 Y 轴移动元素translateX(n)定义 2D 转换，沿着 X 轴移动元素translateY(n)定义 2D 转换，沿着 Y 轴移动元素scale(x,y)定义 2D 缩放转换，改变元素的宽度和高度scaleX(n)定义 2D 缩放转换，改变元素的宽度scaleY(n)定义 2D 缩放转换，改变元素的高度rotate(angle)定义 2D 旋转，在参数中规定角度skew(x-angle,y-angle)定义 2D 倾斜转换，沿着 X 和 Y 轴skewX(angle)定义 2D 倾斜转换，沿着 X 轴skewY(angle)定义 2D 倾斜转换，沿着 Y 轴

找到了一个详解matrix的文章 理解CSS3 transform中的Matrix(矩阵)