CSS3 Transition是CSS3中的一個重要功能，它能夠讓Web開發者為網頁元素添加動態效果，為用戶提供更加生動的交互體驗。通過使用Transition，開發者可以輕松地實現從一種CSS樣式到另一種CSS樣式的過渡效果。下面是一個Transition的例子：

/* 定義需要過渡的樣式 */
.box {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s, height 2s, background-color 2s;
}
/* 當鼠標移到box元素上時，將寬度長為200px，高度變為200px，同時背景顏色變為藍色 */
.box:hover {
width: 200px;
height: 200px;
background-color: blue;
}

如上所示，當鼠標移到具有“box”類的元素上時，它將過渡到新的CSS樣式。這里我們定義了三個transition值：width、height和background-color。這些屬性告訴瀏覽器需要在過渡中修改哪些屬性以及過渡的時間。在此例中，這些過渡都是2秒鐘。當鼠標移到元素上時，我們定義了一些新的CSS樣式，這些新的樣式會使它們到原本的樣式過渡。

通過使用CSS3 Transition，Web開發者可以為網站添加更多的動態效果，從而為用戶提供更加愉悅的用戶體驗。Transition通常使用在鼠標懸停、點擊或其他互動動作時，可以幫助網站增加更多的互動體驗。