transform提供開發者可以對元素旋轉、位移、縮放等等,只要使用對應的函式就能達到效果。
函式
- translate: 位移
1
transform: translate(x, y);
- matrix: 向量變換
1
transform: matrix(a, b, c, d, tx, ty);
- scale: 縮放
1
2transform: scale(sx);
transform: scale(sx, sy); - rotate: 旋轉
1
transform: rotate(a);
- skew: 傾斜
1
2transform: skew(ax);
transform: skew(ax, ay);