2D變換用于通過平移、旋轉(zhuǎn)、縮放和傾斜重新改變元素的結(jié)構(gòu)。
以下表格包含了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)
根據(jù)角度旋轉(zhuǎn)元素 |
| 9 | skewX(angle)
定義沿x軸的傾斜變換 |
| 10 | skewY(angle)
定義沿y軸的傾斜變換 |
以上就是CSS3 中的 2D 變換的詳細內(nèi)容，更多請關(guān)注www.92cms.cn其它相關(guān)文章！
