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:旋转的基点

 

你可能感兴趣的:(transition)