CSS Transition 能夠使得網(wǎng)頁元素在變化時呈現(xiàn)出漸進(jìn)的動畫效果，這是一種很酷的特效。它可以幫助我們實現(xiàn)更多的動態(tài)效果，例如在鼠標(biāo)懸停時實現(xiàn)了一個對象的漸變背景色，或者是文字變換過渡等等。使用 CSS Transition 這個工具不僅可以使得我們的網(wǎng)頁更加動態(tài)，也可以為我們的網(wǎng)頁增加一些交互性，使得頁面更加生動。

/* 使用CSS transition背景漸變 */
button {
background: #3498db;
border: none;
padding: 10px 20px;
color: white;
}
button:hover {
background: #2980b9;
transition: background 0.2s ease-in-out;
}

上述代碼片段就是一個簡單的例子，它可以實現(xiàn)在鼠標(biāo)懸停時按鈕的背景顏色產(chǎn)生漸變。transition 可以使得變化變得順滑，easy-in-out 是其中的一個常用的參數(shù)。這個參數(shù)意思是速度開始比較慢，后來會越來越快，然后會越來越慢，最后會結(jié)束。這一整個過程能夠給人帶來很好的動態(tài)感受。

CSS Transition 在實現(xiàn)動態(tài)效果時快捷、容易上手，是很多 Web 開發(fā)者十分喜愛的一個特性。借助 CSS Transition，我們可以使得我們的網(wǎng)頁元素更加生動有趣。新學(xué)習(xí)這個特性的開發(fā)者們大可不必?fù)?dān)心，因為它不需要你去破解難以理解的代碼。使用它，你能快速地為你的網(wǎng)頁添加動態(tài)元素。