CSS 3是一種用于設計網頁樣式的語言，其中包含了許多過渡效果，使網頁更加美觀和生動。

CSS 3的過渡效果是指當網頁中的元素發生變化時，可以通過CSS 3來實現平滑地過渡效果。

// CSS 3過渡效果的基本語法結構
transition: property duration timing-function delay;

其中，property是指要進行過渡效果的 CSS 屬性，如width、height、opacity等；duration是指過渡的時間，也可以用毫秒表示；timing-function是指過渡的時間函數，包括 linear、ease-in、ease-out、ease-in-out等；delay是過渡效果開始前需要延遲的時間，也可以用毫秒表示。

下面是一些常見的 CSS 3過渡效果。

// 寬度過渡效果
div {
width: 100px;
transition: width 2s;
}
div:hover {
width: 200px;
}
// 高度過渡效果
div {
height: 100px;
transition: height 2s;
}
div:hover {
height: 200px;
}
// 透明度過渡效果
div {
opacity: 1;
transition: opacity 2s;
}
div:hover {
opacity: 0.5;
}
// 背景顏色過渡效果
div {
background-color: red;
transition: background-color 2s;
}
div:hover {
background-color: blue;
}

以上是一些常見的 CSS 3過渡效果示例，可以根據需要來設置過渡效果，使網頁呈現更加生動的效果。