0%

CSS: transform

transform提供開發者可以對元素旋轉、位移、縮放等等,只要使用對應的函式就能達到效果。

函式

  • translate: 位移
    1
    transform: translate(x, y);
  • matrix: 向量變換
    1
    transform: matrix(a, b, c, d, tx, ty);
  • scale: 縮放
    1
    2
    transform: scale(sx);
    transform: scale(sx, sy);
  • rotate: 旋轉
    1
    transform: rotate(a);
  • skew: 傾斜
    1
    2
    transform: skew(ax);
    transform: skew(ax, ay);