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轴的倾斜变换 |
以上就是CSS3 中的 2D 变换的详细内容，更多请关注编程之家其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
