transition是一個用於動畫過度的屬性，然而transiton屬性只不過是一個簡寫屬性，用於設置四個過度屬性，這四個過度屬性分別是:
- transition-property (執行變換的屬性 )
- transition-duration (變換延續時間)
- transition-timing-function (延續時間內，變換速率的變化)
- transition-delay (變換延遲時間)
下面來分別介紹一下各個屬性：
1、transition-property 即用來指定當元素其中一個屬性改變是執行transition效果。
值:none(沒有屬性改變)，all(所有屬性都改變)或指定某一元素(比如color，background等屬性)。
2、transition-duration 是動畫執行的時間，單位(s)比如"0.1s"也可以寫成".1s"，它可以作用於任何元素，包括before和after僞元素。
3、transition-timing-function 動畫的執行方式
值:ease(逐漸慢下來)，linear(勻速)，ease-in(由慢到快)，ease-out(由快到慢)，ease-in-out(先慢到快再到慢)，cubic-bezier(該值允許你去自定義一個時間曲線)。
4、transition-delay 動畫延時時間基本用法與duration相同。
語法:
transition: <transition> [, <transition>]*
<transition> = <transition-property> <transition-duration> <transition-timing-function> <transition-delay>
這種寫法是比較簡單的寫法，我們也可以同時寫多個Transition效果，每個效果按照固定屬性的