【无标题】

<!-- 2D转换可以对元素进行移动、缩放、转动、拉长或拉伸。
        正数顺时针方向，反而负值就是逆时针
        单独设置某一个轴值，只会作用最后一个
        基本语法transform
        transform-origin  设置旋转的中心点
        
         translate(X,Y)
        translateX(X)
        translateY(Y)
        translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。
         
         rotate()
         rotate(角度deg)方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。
         rotateX()rotateY()
         
         scale(宽度倍数,高度倍数)
         scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数：
        scaleX(宽度倍数)   scaleY(高度倍数)
         
         skew(X,Y)
         包含两个参数值，分别表示X轴和Y轴倾斜的角度，如果第二个参数为空，
         则默认为0，参数为负表示向相反方向倾斜。
         skewX(X)            skewY(Y)
         
         matrix()
        matrix(宽度缩放,Y倾斜,X倾斜,高度缩放,X平移,Y平移)方法和2D变换方法合并成一个。
          
          matrix 方法有六个参数，包含旋转，缩放，移动（平移）和倾斜功能。-->

/* overflow: hidden; */
                /* white-space: nowrap; */
                /* text-overflow: ellipsis; */
                /* 换行方式 */
                /* word-wrap:break-word; */
                /* 对单词换行 */
/* @font-face {
                font-family: myFirstFont;
                src: url(sansation_light.woff);
            }
            .box{
                font-family:myFirstFont;
            } */
<!-- @font-face 引入字体文件 -->
        <!-- transition过渡 -->
        <!-- 2D转换可以对元素进行移动、缩放、转动、拉长或拉伸。
        基本语法transform
         translate(X,Y)
        translateX(X)
        translateY(Y)
        translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。
         
         rotate()
         scale()
         skew()
         matrix() -->