• 原圖


  • 水平鏡射 (transform:scaleX(-1))


  • 垂直鏡射 (transform:scaleY(-1))


  • 旋轉 (transform:rotate(Ndeg)) 順時針轉 N 度。
    • 正值順時針(deg 不要漏掉)下圖順時針轉45度。








  • 橫向傾斜(transform:skewX(Ndeg)) 往左傾斜 N 度。(正值為左方)





  • 縱向傾斜 (transform:skewY(Ndeg)) 往上傾斜 N 度。(正值為;左上方)








  • 綜合變形 (transform:skewY(Ndeg)) 往上傾斜 N 度。(正值為上方)






    • a 縮放(scale X) 1
    d 縮放(scale Y) 1
    c 傾斜(skew X)0
    b 傾斜(skew Y)0
    tX 移動(move X)0
    tY 移動(move Y)0
    origin 原點 X-axis0
    origin 原點 Y-axis0

    CSS STYLE

    		 transform : matrix(0, 0, 0, 0, 0, 0 ); transform-origin : 0% 0%;