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轴的（垂直方向）扭曲