transform(變形)是CSS3中的元素的屬性，transform的屬性值主要包括旋轉rotate、扭曲skew、縮放scale和移動translate以及矩陣變形matrix
基本用法可以參考文章 CSS3 Transform。
tansform-origin參考文章 CSS3 Transform——transform-origin
與transition配合使用的方法參考CSS動畫 animation與transition
本文記錄幾個注意點：
1、transform:rotate(30deg),2D旋轉，正值為順時針旋轉，負值為逆時針旋轉，默認旋轉基點是中心點，也可以通過transform-origin（X,Y）改變基點。
2、transform:skew(30deg,10deg),注意，這里的X軸和Y軸與我們平時認為的坐標系的XY軸正好相反；且X軸正值是逆時針變形，而Y軸正值是順時針變形。基點默認為中心點。另外還有skewX、skewY，分別用來設置單一方向上的扭曲。可以通過transform-origin（X,Y）改變基點
草圖：
3、transform：scale（2,1.5），表示在水平方向（X軸）縮放2倍，在垂直方向（Y軸）縮放1.5倍。基本默認為中心點。這里的X、Y軸指的是像坐標系一樣的X、Y軸，與transform:skew（X,Y）的X
Y軸不同。 另外同樣有scaleX(<number>) 、scaleY(<number>)用來分別設置單一方向上的縮放。可以通過transform-origin（X,Y）改變基點。
4、transform：translate（100px，20px），表示在水平方向上移動100px；在垂直方向上移動20px，比較好理解，另外也同樣有translateX、translateY值分別設置單一方向上的位移，可以通過transform-origin（X,Y）改變基點。
