CSS是前端開發中不可或缺的技術，它可以讓網站具有更好的用戶體驗和美觀的界面。在CSS中，平滑過度動畫是一種廣泛應用的技術，它能夠讓網站元素之間的轉換更加自然和流暢。

transition: property duration timing-function delay;

在CSS中使用transition屬性可以實現平滑過度動畫，其中property表示需要過渡的屬性，duration表示過渡所需的時間，timing-function表示執行過渡的速度曲線，delay表示過渡開始之前的時間。

.box {
width: 100px;
height: 100px;
background-color: #f00;
transition: width 1s ease-in-out;
}
.box:hover {
width: 200px;
}

上面的代碼中使用了一個簡單的例子演示了transition屬性的應用，當鼠標移動到.box元素上時，寬度從100px過渡到200px。

在應用中，timing-function的值可以自定義，常用的有ease-in、ease-out、linear和ease-in-out等，它們分別代表緩慢進入、緩慢退出、均勻移動和緩慢進入緩慢退出。

.box {
width: 100px;
height: 100px;
background-color: #f00;
transition: width 1s cubic-bezier(0.5, 0, 0.5, 1);
}

除了默認的速度曲線外，我們還可以自定義cubic-bezier曲線實現更加精細的過渡動畫。

總而言之，平滑過度動畫在CSS中有著廣泛的應用，它可以讓網站元素改變的過程更加自然和流暢，從而提高用戶體驗。