CSS有許多可以用來實現網頁美化或吸引用戶的變形屬性，下面我們將詳細講解CSS中一些常見的變形屬性。

transform: scale();
/* 用法示例 */
.box {
transform: scale(0.5);  /* 縮小為原來的50% */
}

transform屬性用于對目標元素進行平移、旋轉、縮放等轉換。scale函數可以對元素進行縮放，數值為1時表示原大小，大于1表示放大，小于1表示縮小。

transform: rotate();
/* 用法示例 */
.box {
transform: rotate(45deg);  /* 順時針旋轉45度 */
}

rotate函數可以對元素進行旋轉，數值為正數表示順時針旋轉，負數則為逆時針旋轉，單位為度。

transform: translate();
/* 用法示例 */
.box {
transform: translate(50px, 100px);  /* 向右移動50px，向下移動100px */
}

translate函數可以對元素進行平移，第一個參數為水平方向的距離，第二個參數為垂直方向的距離。

transform: skew();
/* 用法示例 */
.box {
transform: skew(30deg, 0);  /* 沿x軸傾斜30度 */
}

skew函數可以對元素進行傾斜，第一個參數為水平方向的傾斜角度，第二個參數為垂直方向的傾斜角度。

transform: matrix();
/* 用法示例 */
.box {
transform: matrix(1, 0.5, -0.5, 1, 0, 0);  /* 自定義矩陣變換，依次為x軸縮放、x軸傾斜、y軸傾斜、y軸縮放、x軸平移、y軸平移 */
}

使用matrix函數可以自定義矩陣變換，具體使用方法需要了解一些矩陣變換知識。