CSS中的2D轉換是指將一個HTML元素在頁面上的位置、形態或大小進行改變的操作，2D代表了在平面內的變換。

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

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

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

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

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

以上就是CSS中2D轉換的四種類型，它們可以單獨使用也可以進行組合使用，根據業務需求選擇合適的轉換方式可以讓頁面更加靈活美觀。