CSS3中的傾斜效果可以通過使用matrix()函數(shù)來實(shí)現(xiàn)。該函數(shù)可以實(shí)現(xiàn)多種變換效果，包括旋轉(zhuǎn)、縮放和傾斜等。

div {
transform: matrix(1, 0.5, 0.5, 1, 0, 0);
	}

上述代碼表示對(duì)一個(gè)div元素進(jìn)行傾斜變換，其中matrix()函數(shù)的參數(shù)含義分別為：

第一個(gè)參數(shù)1表示水平方向上不進(jìn)行縮放，即保持原大?。坏诙€(gè)參數(shù)0.5表示垂直方向上縮小一半；第三個(gè)參數(shù)0.5表示水平方向上傾斜一半；第四個(gè)參數(shù)1表示垂直方向不進(jìn)行縮放；第五個(gè)參數(shù)0表示在水平方向上不進(jìn)行平移；第六個(gè)參數(shù)0表示在垂直方向上不進(jìn)行平移。

div {
transform: matrix(0.866, -0.5, 0.5, 0.866, 0, 0);
	}

上述代碼表示對(duì)一個(gè)div元素進(jìn)行旋轉(zhuǎn)和傾斜變換，其中matrix()函數(shù)的參數(shù)含義分別為：

第一個(gè)參數(shù)0.866表示進(jìn)行60度角度的旋轉(zhuǎn)；第二個(gè)參數(shù)-0.5表示水平方向上傾斜；第三個(gè)參數(shù)0.5表示垂直方向上傾斜；第四個(gè)參數(shù)0.866表示再進(jìn)行60度角度的旋轉(zhuǎn)；第五個(gè)參數(shù)0表示在水平方向上不進(jìn)行平移；第六個(gè)參數(shù)0表示在垂直方向上不進(jìn)行平移。

使用matrix()函數(shù)可以實(shí)現(xiàn)更多復(fù)雜的變換效果，如以任意角度進(jìn)行旋轉(zhuǎn)、進(jìn)行三維變換等等。