CSS3 中的 2D 变换

原创

ithorizon 5个月前 (10-19) 阅读数 36 #CSS

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 变换的详细内容，更多请关注IT视界其它相关文章！

文章标签：元素定义宽度高度详细内容

上一篇：学习CSS3的flex布局，如何创建灵活的网页布局？下一篇：如何使用 CSS 手动设置 Google 自定义搜索样式？