CSS3 2D 轉換是一種用于改變元素位置、大小和方向的技術。2D 轉換允許您將元素從二維平面轉換為三維空間，使元素在頁面上呈現更加生動、逼真。下面將介紹常用的 CSS3 2D 轉換函數。

transform: translate(x,y);
transform: rotate(angle);
transform: scale(x,y);
transform: skew(x-angle,y-angle);
transform-origin: x y;

translate(x,y)

translate() 函數可以將元素在頁面上的位置偏移指定的量（x, y）。其中，參數 x 和 y 可以是百分比、像素值或者 em 單位。

rotate(angle)

rotate() 函數可以使元素順時針或逆時針旋轉指定角度（angle），如果想讓元素旋轉 180 度，可以使用 rotate(180deg)。

scale(x,y)

scale() 函數可以使元素按指定倍數放大或縮小。其中，參數 x 和 y 分別控制水平方向和豎直方向的縮放比例，如果只編寫一個參數，則表示兩個方向的縮放比例相同。

skew(x-angle,y-angle)

skew() 函數通過斜切元素來改變其形狀。其中，參數 x-angle 和 y-angle 分別控制水平方向和豎直方向的傾斜程度，單位為度數（deg）。

transform-origin: x y

transform-origin 屬性可以指定元素的變換中心點，以便更準確地控制元素的變換。其中，參數 x 和 y 分別控制變換中心的水平和豎直坐標位置。

除了上述幾個常用的 CSS3 2D 轉換函數之外，還有一些其他函數，如 skewX()、skewY()、matrix() 等。這些函數的組合使用可以實現更多有趣的效果。