CSS過渡是網頁設計中的重要部分，它能夠讓頁面在用戶交互時更加生動。下面我們來了解一下CSS過渡的基本語法和應用場景。

CSS過渡的基本語法如下：

/* 定義元素 transition 效果時，需要指定必要的屬性如 transform，還需要指定 transition-duration、transition-timing-function 和 transition-delay 這三個參數 */
.class{
transition: [屬性][過渡時間][過渡模式][延遲時間];
}

其中，屬性表示需要過渡的樣式，可以是 width，height，opacity 等。過渡時間表示過渡所需時間，單位為秒（s）或毫秒（ms）。過渡模式表示過渡效果的速度曲線，一般有 linear，ease-in，ease-out，ease-in-out 等幾種。延遲時間表示過渡開始所需的延遲時間。

下面是CSS過渡的應用場景：

/* 改變元素背景顏色的過渡效果 */
.btn{
background-color: #F00;
transition: background-color 0.5s ease-in-out;
}
.btn:hover{
background-color: #00F;
}
/* 元素旋轉的過渡效果 */
.box{
transition: transform 1s ease;
}
.box:hover{
transform: rotate(360deg);
}

以上代碼演示了如何通過CSS過渡實現元素背景顏色和旋轉的過渡效果，通過定義屬性、過渡時間、過渡模式和延遲時間等參數，可以實現各種復雜的過渡效果。

總之，CSS過渡是網頁設計中非常重要的一個功能，掌握其基本語法和應用場景可以大大提升頁面的用戶友好度。