CSS3 中的 2D 变换
cssweb developmentfront end technology更新于 2024/2/15 4:28:17
2D 变换用于重新更改元素结构，例如平移、旋转、缩放和倾斜。
下表包含 2D 变换中使用的常用值
| S.No | 值 &描述 |
|---|---|
| 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 轴一起倾斜的变换 |
相关文章
有用资源
css 参考教程 - 该教程包含有关 css 的更多信息:https://www.cainiaomax.com/css/
