变换

变换

    变换: transform: 功能函数;
    功能函数:
    位移:
    trans lateX( )
    translateY( )
    trans late(x)
    translate(x,y)
    可以为负数
    

缩放

    scaleX()
    scaleY()
    scale(xy)
    scale(x,y)
    
        可以为负数,只表示是方向
        1默认大小,不变
        0-1缩小
        绝对值比1大,放大

旋转:

    rotateX( )
    rotateY( )
    rotateZ( ) 
    rotate(z)
    可以为负数
    问题:先旋转,后位置
    和先位移,后旋转 效果.样吗?
    不一样,理由是: 先旋转,改变了位移的方向
    

倾斜:

    skewX()
    skewY()
    skew(x)
    skew(x,y)
    可以为负数
    

变形原点:

    transform-origin:水平垂直;
    left center right 
    top center bottom
    px %