CSS3中的transform用于對(duì)元素進(jìn)行變換，包括旋轉(zhuǎn)、縮放、平移和扭曲等。在實(shí)際應(yīng)用中，transform的使用可以提升用戶體驗(yàn)，美化頁(yè)面，以及實(shí)現(xiàn)一些特殊效果。

　　transform屬性有很多可能的值，具體如下：

　　1. rotate(angle)

　　旋轉(zhuǎn)元素。angle參數(shù)表示旋轉(zhuǎn)的角度，以度數(shù)為單位。

　　示例代碼：

.box {
  transform: rotate(45deg);
}

  　2. scale(x, y)

　　縮放元素。x和y參數(shù)分別表示水平和垂直方向的縮放比例。默認(rèn)值為1，表示不縮放。

　　示例代碼：

.box {
  transform: scale(1.5, 0.5);
}

      3. translate(x, y)

　　平移元素。x和y參數(shù)分別表示水平和垂直方向的平移距離。

　　示例代碼：

.box {
  transform: translate(20px, 30px);
}

      4. skew(x-angle, y-angle)

　　扭曲元素。x-angle和y-angle參數(shù)分別表示水平和垂直方向的扭曲角度。

　　示例代碼：

.box {
  transform: skew(30deg, 10deg);
}

      5. matrix(a,b,c,d,e,f)

　　矩陣變換，可以實(shí)現(xiàn)任意復(fù)雜的變換效果。a、b、c、d、e、f參數(shù)分別控制旋轉(zhuǎn)、縮放和平移的各種效果。

　　示例代碼：

.box {
  transform: matrix(1, 0.5, -0.5, 1, 0, 0);
}

      6. 常用的多個(gè)transform屬性連用

　　可以同時(shí)應(yīng)用多個(gè)transform屬性，用逗號(hào)分隔。同時(shí)應(yīng)用多個(gè)變換屬性時(shí)，變換的順序非常重要。

　　示例代碼：

.box {
  transform: rotate(45deg) scale(1.5, 0.5) translate(20px, 30px);
}

     需要注意的是，transform屬性不會(huì)改變?cè)氐拇笮　⑽恢没蛭臋n流。如果只需要改變?cè)氐奈恢茫ㄗh使用position和top、left等屬性。