CSS的transition屬性是一種能夠讓我們在不同狀態下的元素間實現過渡動畫的技術，讓頁面變得更加生動有趣。

#example {
width: 200px;
height: 200px;
background-color: blue;
transition: width 2s, height 2s, background-color 2s;
}
#example:hover {
width: 300px;
height: 300px;
background-color: red;
}

上述代碼中，我們定義了一個id為example的元素，將它的寬度、高度和背景色設定為了一個藍色的正方形，并設置了transition屬性，將width、height和background-color這三個屬性的變化時間全部設定為了2秒。

當用戶鼠標hover在這個藍色正方形上的時候，它的寬度、高度和背景色都會發生改變，分別變為了300px、300px和紅色，而因為我們為這個元素設置了transition屬性，所以它的過渡動畫效果就非常平滑、流暢。

需要注意的是，如果你在transition屬性中沒有對某一個變化屬性進行設置，那么這個屬性將不會擁有過渡動畫效果，而只有被設置了的屬性才會產生動畫。