CSS中的2D轉(zhuǎn)換是指將一個(gè)HTML元素在頁(yè)面上的位置、形態(tài)或大小進(jìn)行改變的操作，2D代表了在平面內(nèi)的變換。

CSS中的2D轉(zhuǎn)換分為四種類型，分別是移動(dòng)、縮放、旋轉(zhuǎn)和傾斜。下面我們將會(huì)介紹每種轉(zhuǎn)換以及如何使用CSS進(jìn)行操作。

/*移動(dòng)*/
transform:translate(x,y);
/*x表示元素在水平方向上的移動(dòng)距離，y表示元素在豎直方向上的移動(dòng)距離*/

/*縮放*/
transform:scale(x,y);
/*x表示元素在水平方向上的縮放比例，y表示元素在豎直方向上的縮放比例*/

/*旋轉(zhuǎn)*/
transform:rotate(angle);
/*angle表示元素沿順時(shí)針旋轉(zhuǎn)的角度，可以是正數(shù)也可以是負(fù)數(shù)*/

/*傾斜*/
transform:skew(x-angle,y-angle);
/*x-angle表示元素沿X軸方向上的傾斜角度，y-angle表示元素沿Y軸方向上的傾斜角度*/

以上就是CSS中2D轉(zhuǎn)換的四種類型，它們可以單獨(dú)使用也可以進(jìn)行組合使用，根據(jù)業(yè)務(wù)需求選擇合適的轉(zhuǎn)換方式可以讓頁(yè)面更加靈活美觀。