Transition（過度）
Transition允許CSS的屬性值在一定的時間區間內平滑地過渡。這種效果可以在鼠標單擊、獲得焦點、被點擊或對元素任何改變中觸發，并圓滑地以動畫效果改變CSS的屬性值，它的語法如下：
transition-property
可取值：
none
沒有屬性會獲得過渡效果。
all
所有屬性都將獲得過渡效果。
property
定義應用過渡效果的 CSS 屬性名稱列表，列表以逗號分隔。
transition-duration
參數為時間，單位為s（秒）或者ms（毫秒），默認就是0，回想一下如果只有transform屬性，是不是變換啪地一下完成了。
transition-timing-function
既然是動畫，那么就有動畫的運行速率，不同的速度會產生不同的結果，以下是可取值。
ease：（逐漸變慢）默認值，ease函數等同于貝塞爾曲線(0.25, 0.1, 0.25, 1.0).
linear：（勻速），linear 函數等同于貝塞爾曲線(0.0, 0.0, 1.0, 1.0).
ease-in：(加速)，ease-in 函數等同于貝塞爾曲線(0.42, 0, 1.0, 1.0).
ease-out：（減速），ease-out 函數等同于貝塞爾曲線(0, 0, 0.58, 1.0).
ease-in-out：（加速然后減速），ease-in-out 函數等同于貝塞爾曲線(0.42, 0, 0.58, 1.0)
transition-delay
參數為時間，單位為s（秒）或者ms（毫秒），默認就是0，也就是立即執行，如果在多個動畫直接有先后順序，那么它就會派上用場。
新聞熱點
疑難解答
