transition & transform

transition:

    过渡时间 被改变属性 执行函数 延迟时间

    transition:width 1s,height 2s 1s;

transform:

    平移(translate)、缩放(scale)、旋转(rotate)、扭曲(skew)

    translale:translateX、translateY、translateZ、translate(x,y)、translate3d(x,y,z)

    scale:scaleX、scaleY、scaleZ、scale(x,y)、scale3d(x,y,z)

    rotate:rotateX、rotateY、rotateZ、rotate(x,y)、rotate3d(x,y,z)

    skew:skewX、skewY、skew(x,y)

    perspective:3d场景的无视距离

    transform-style:preserve-3d

    transform-origin:旋转的基点