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 變換的詳細內容，更多請關注www.92cms.cn其它相關文章！
