transition是一種平滑過渡的動畫，在一定的時間內(nèi)將屬性的狀態(tài)從初始值過渡到結(jié)束值。如不添加transition過渡，在網(wǎng)頁中點擊鼠標(biāo)、獲得焦點等操作將導(dǎo)致css的值在瞬間完成，而添加了過渡效果，可以實現(xiàn)平滑的過渡，增加用戶體驗。

在使用的使用需要加瀏覽器前綴：

-webkit-transition，-moz-transition，-o-transition。

過渡transition是一個復(fù)合屬性，包括：

transition-property：過渡屬性(默認(rèn)值為all);

transition-duration：過渡持續(xù)時間(默認(rèn)值為0s);

transition-timing-function：過渡函數(shù)(默認(rèn)值為ease函數(shù));

transition-delay過渡延遲時間(默認(rèn)值為0s);