所属分类:web前端开发
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 | rotate(angle) 根据角度旋转元素 |
9 | skewX(angle) 定义沿x轴的倾斜变换 |
10 | skewY(angle) 定义沿y轴的倾斜变换 |