13.過渡 transition

css3的transition允許css的屬性值在一定的時間區間內平滑地過渡。這種效果可以在鼠標單擊、獲得焦點、被點擊或對元素任何改變中觸發，並圓滑地以動畫效果改變CSS的屬性值

1. transition-property：檢索或設置對象中的參與過渡的屬性

2. transition-duration：檢索或設置對象過渡的持續時間

3. transition-delay：檢索或設置對象延遲過渡的時間

4. transition-timing-function：檢索或設置對象中過渡的動畫類型

檢索或設置對象中過渡的動畫類型
http://cubic-bezier.com/

簡寫：transition:all/具體屬性值 運動時間s/ms 延遲時間s/ms 動畫類型

transition:屬性值1 屬性值2 屬性值3 屬性值4
屬性值1 : 過渡的屬性[width,height,background…] 默認的是all
屬性值2 : 過渡的時間 單位爲 s(秒) ms(毫秒)
屬性值3 : 過渡的延遲時間
屬性值4 : 過渡動畫的類型 （加速、減速、勻速[linear]）(默認是先加速後減速)

注：
    1： transition必須通過事件（鼠標滑過）觸發
    2： 如果一個元素，單獨設置每個屬性的過渡。
        transition:width 1s,height 2s,background 5s;