Css3中的变形与动画
新的转换属性
下面的表格列出了所有的转换属性：
| 属性 | 描述 | CSS |
|---|---|---|
| transform | 向元素应用 2D 或 3D 转换。 | 3 |
| transform-origin | 允许你改变被转换元素的位置。 | 3 |
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 轴。 |
