transition & transform

microsoft_kk發表於2013-07-02
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:旋轉的基點

 

相關文章