css3-----transform（變換）

      最近剛剛的接觸了CSS3，被它強大的特效功能感動驚訝，今天的就把幾個剛學的經常使用的標籤和屬性寫一下，加深一下本身的本身的理解。
        1。Transform字面上就是變形，改變的意思。在CSS3中transform主要包括如下幾種：旋轉rotate、扭曲skew、縮放scale和移動translate以及矩陣變形matrix。
    transform屬性實現了一些可用SVG實現的一樣的功能。它可用於**內聯(inline)元素和塊級(block)元素**。
        1、旋轉rotate
                rotate(<angle>) ：指定對象的2D rotation（2D旋轉），需先有transform-origin屬性的定義 ，transform-origin是旋轉的中心點，angle是指旋轉角度 正數表示順時針旋轉，負數，則表示逆時針旋轉。

    2、移動（translate）

    移動translate分爲三種狀況：

             1.translate(<length>[, <length>])：指定對象的2D translation（2D平移）。第一個參數對應X軸，第二個參數對應Y軸。若是第二個參數未提供，則默認值爲0

            2translateX(<length>)：指定對象X軸（水平方向）的平移

            3.translateY(<length>)：指定對象Y軸（垂直方向）的平移

            4.他們均可以經過transform-origin改變基點位置。

     三：縮放（scale）、

        1.scale(<number>[, <number>])：指定對象的2D scale（2D縮放）。第一個參數對應X軸，第二個參數對應Y軸。若是第二個參數未提供，則默認取第一個參數的值

        2.scaleX(<number>)：指定對象X軸的（水平方向）縮放

        3.scaleY(<number>)：指定對象Y軸的（垂直方向）縮放

    4、扭曲（skew）

        1.skew(<angle> [, <angle>])：指定對象skew transformation（斜切扭曲）。第一個參數對應X軸，第二個參數對應Y軸。若是第二個參數未提供，則默認值爲0

        2.skewX(<angle>)：指定對象X軸的（水平方向）扭曲

        3.skewY(<angle>)：指定對象Y軸的（垂直方向）扭曲