CSS中的transition是一種可以讓網頁元素動態變化的屬性。通過定義不同的屬性值和過渡時間，我們可以制造出平滑流暢的效果。

/* 用法示例 */
.box {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s;
}
.box:hover {
width: 200px;
}

在上面的例子中，當鼠標移入box元素時，它的寬度會從100px漸變到200px。這個過渡的時間是2秒。

除了width，我們還可以用transition來平滑過渡其他的屬性，比如顏色、位置、透明度等等。同時，我們也可以定義多個過渡屬性，用逗號隔開。

/* 多個過渡屬性 */
.box {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s, background-color 1s;
}
.box:hover {
width: 200px;
background-color: blue;
}

在上面的例子中，box元素的寬度和背景色都會產生平滑過渡，在2秒和1秒鐘之間分別完成。

最后需要注意的是，transition屬性只對渲染引擎執行的改變有效。像display、position這類只涉及文檔流的屬性是不會平滑過渡的。