### transition:過渡動畫 > * 在CSS3里使用transition可以實現補間動畫（過渡效果） > * transition: 要過渡的屬性 花費時間 運動曲線 何時開始;（過渡所有屬性用all代替）。 #### 屬性 * `transition:`簡寫屬性，用于在一個屬性中設置四個過渡屬性。 * `transition-property:`規定應用過渡的 CSS 屬性的名稱。 * `transition-duration:`定義過渡效果花費的時間。默認是 0。 * `transition-timing-function:`規定過渡效果的時間曲線。默認是 "ease"。 > `linear:`勻速。 > `ease:`逐漸慢下來。 > `ease-in:`加速。 >`ease-out:`減速。 > `ease-in-out:`先加速，后減速。 * `transition-delay:`規定過渡效果何時開始。默認是 0。。 > 使用場景 > ~~~ > 當我們做將鼠標懸停改變當前元素的css 屬性時候，雖然不使用transition 也能實現， > 但是 效果僵硬沒有過度效果，這時候可以使用transition 來解決這個問題 > ~~~