CSS3變形是一種能夠讓網(wǎng)頁(yè)元素改變形狀、大小、位置、角度和透明度的強(qiáng)大工具。它涉及的變形屬性有很多，本文將逐一介紹。

transform: rotate(45deg);

旋轉(zhuǎn)變形可以使用rotate()函數(shù)，參數(shù)表示旋轉(zhuǎn)的度數(shù)。這個(gè)函數(shù)可以用來(lái)制作菜單按鈕和圖標(biāo)。

transform: scale(2, 1.5);

縮放變形可以使用scale()函數(shù)，同時(shí)可以分別設(shè)置x軸和y軸的比例，也可以單獨(dú)設(shè)置。它可以讓元素放大或縮小。

transform: skew(30deg, 20deg);

傾斜變形可以使用skew()函數(shù)，同時(shí)可以分別設(shè)置x軸和y軸的傾斜角度。它可以用來(lái)制作斜角的元素或傾斜的文本。

transform: translate(50px, 100px);

平移變形可以使用translate()函數(shù)，同時(shí)可以分別設(shè)置x軸和y軸的距離。它可以將元素移動(dòng)到不同的位置。

transform: matrix(1, -0.3, 0.3, 1, 0, 0);

矩陣變形是一種復(fù)雜的變形方式，可以用一個(gè)6個(gè)元素的矩陣來(lái)實(shí)現(xiàn)。其中前兩個(gè)元素表示x軸方向上的縮放比例，中間兩個(gè)元素表示y軸方向上的縮放比例，后兩個(gè)以及最后一個(gè)表示水平移動(dòng)、垂直移動(dòng)和旋轉(zhuǎn)。這個(gè)函數(shù)可用于創(chuàng)造復(fù)雜的、有旋轉(zhuǎn)的元素。

除了以上這些變形，還有perspective、perspective-origin、backface-visibility等屬性可用于3D變形效果。