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轴一起的偏斜变换