CSS 二維轉換是指通過 CSS 來對網頁中的元素進行平移、縮放、旋轉等變換，實現元素的動態效果。下面將介紹一些常用的二維轉換屬性及其用法。

transform: translate(x, y);

該屬性用于對元素進行平移變換，其中 x 和 y 分別表示水平方向和垂直方向上的移動距離。例如，將一個元素向右平移 50 像素：

transform: translate(50px, 0);

transform: scale(x, y);

該屬性用于對元素進行縮放變換，其中 x 和 y 分別表示水平方向和垂直方向上的縮放比例。例如，將一個元素在水平和垂直方向上分別放大 2 倍：

transform: scale(2, 2);

transform: rotate(angle);

該屬性用于對元素進行旋轉變換，其中 angle 表示旋轉的角度，單位為度。例如，將一個元素逆時針旋轉 45 度：

transform: rotate(-45deg);

以上是 CSS 中常用的三種二維轉換屬性，它們能夠幫助開發者實現各種形式的動態效果。在實際應用過程中，也可以將它們組合起來使用，如下所示：

transform: translate(50px, 50px) scale(2, 2) rotate(45deg);

該代碼將一個元素先向右下方平移 50 像素，然后在水平和垂直方向上分別放大 2 倍，最后逆時針旋轉 45 度。這樣的組合效果能夠讓元素展現出更加豐富的動態效果。