CSS-transform转换属性

转换属性 - transform：
    1, 什么是转换属性
        改变元素在也页面中的位置，尺寸，角度的一种方式
    2， 属性：
        1， 转换属性
            属性：transform
            取值：    
                a, none    无任何转换效果
                b, 转换函数
        2, 转换原点
                转换原点即转换时的基准点
            属性：transform-origin
            取值：  (x y)
                1， px    为单位的数值
                2， % 为单位的数值
                3， 关键字     top/center/right/bottom/left
            注意：默认转换原点在中心位置
            计算是从左上角开始为(0px 0px) 或(0% 0%)
    3， 转换效果
        1， 位移
            1， 作用
                改变元素在页面中的位置
            2， 语法
                属性：transform
                取值(函数)：
                    1， translateX （x）
                        x 取正右移，取负左移
                    2， translateY(y)
                        y 取正数下移，取负上移
                    3， translate(x)
                        等同于translateX(x)
                    4, translate(x,y)
                        同时在x和y上做操作
                    
        2， 缩放
            属性：     transform
            取值：(函数)
                1， scaleX(x)
                    x表示横向缩放比例
                    x默认值1，原始大小；
                    >1 ，放大比例
                    0 < x < 1: 缩小比例
                    负数会翻转
                2, scaleY(y)
                    y表示纵向缩放比例，其他效果等同于x
                3， scale(value)
                    value表示x轴和y轴等比缩放；
                    
        3， 旋转
            作用：    
                改变元素在网页中的角度
            语法：
                属性：transform
                取值：    
                    1， rotate(ndeg)
                        n: 旋转角度
                            正数： 顺时针旋转
                            负数： 逆时针旋转
                注意：    
                    1， 转化原点会影响转换效果
                    2， 旋转操作时，会联通坐标轴一同跟着旋转，会影响旋转后的位移操作