transition是一種平滑過渡的動畫，在一定的時間內將屬性的狀態從初始值過渡到結束值。如不添加transition過渡，在網頁中點擊鼠標、獲得焦點等操作將導致css的值在瞬間完成，而添加了過渡效果，可以實現平滑的過渡，增加用戶體驗。

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

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

過渡transition是一個復合屬性，包括：

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

transition-duration：過渡持續時間(默認值為0s);

transition-timing-function：過渡函數(默認值為ease函數);

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