css3整理--transition

weixin_34119545發表於2014-03-26
transition語法:
    transition : [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>
        [, [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>]]*
    第一個引數:transition-property,執行變換的屬性(當屬性發生變化時,不直接進行變化,而是以動畫的形式逐漸變化)
          取值包括:
              none:沒有屬性變化
              all:(預設值)所有屬性都變化
              indent:指定的屬性
    第二個引數:transition-duration,執行變換需要的時間
         取值:
            0:預設值,立即執行完畢
            整數:單位為s或者ms
    第三個引數:transition-timing-function,速率變化
        取值:
          1、ease:逐漸變慢
          2、linear:勻速
          3、ease-in:加速
          4、ease-out:加速
          5、ease-in-out:加速然後減速
          6、cubic-bezier:自定義,例如(0.25,0.5,0.75,1),設定四個0-1之間的數字
    第四個引數:transition-delay,delay時間,多長時間之後執行
        取值同transition-duration

    

相關文章