CSS3中的2D转换
本文向大家介绍CSS3中的2D转换，包括了CSS3中的2D转换的使用技巧和注意事项，需要的朋友参考一下
2D变换用于在平移，旋转，缩放和倾斜时重新更改元素结构。
下表包含2D转换中使用的常用值
| 序号 |
值与说明 |
|---|---|
| 1 |
matrix(n,n,n,n,n,n) 用于定义具有六个值的矩阵变换 |
| 2 |
translate(x,y) 用于将元素与x轴和y轴一起转换 |
| 3 |
translateX(n) 用于沿x轴变换元素 |
| 4 |
translateY(n) 用于将元素与y轴一起变换 |
| 5 |
scale(x,y) 用于更改元素的宽度和高度 |
| 6 |
scaleX(n) 用于更改元素的宽度 |
| 7 |
scaleY(n) 用于更改元素的高度 |
| 8 |
rotation(angle) 用于基于角度旋转元素 |
| 9 |
skewX(angle) 用于定义与x轴一起的偏斜变换 |
| 10 |
skewY(angle) 用于定义与y轴一起的偏斜变换 |
