CSS 過渡是一項非常有用的技術，它可以使用戶在瀏覽網頁時感受到更流暢和自然的變化效果。本文將介紹如何在 CSS 中使用過渡效果。 使用 CSS 過渡的語法相對簡單，只需定義一個 CSS 選擇器，然后應用過渡屬性即可。以下是一個使用過渡效果的示例代碼：

<style>
p{
transition: all 1s;
}
p:hover{
color: red;
}
</style>
<p>這是一段測試文本</p>

在上面的代碼中，我們首先定義了 CSS 選擇器 `p`，并設置了過渡屬性 `transition: all 1s;`。這里的 `all` 表示所有屬性都會有過渡效果，`1s` 是過渡的時間，即在 1 秒內過渡到新的屬性值。 接著，在 `:hover` 偽類下，我們設置了一個新的屬性值 `color: red;`。這表示當用戶將鼠標指針懸停在 `p` 元素上時，文本顏色會發生變化并且經過 1 秒的過渡效果。 除了 `all` 屬性，我們還可以使用其他的屬性來指定過渡的具體類型和時間，例如 `transition-property`、`transition-duration`、`transition-timing-function` 和 `transition-delay`。 總結來說，CSS 過渡是通過定義過渡屬性，然后將其應用于 CSS 選擇器來實現動畫效果的。使用過渡效果可以為用戶提供更加自然和流暢的體驗，同時也可以為頁面帶來更加生動和豐富的元素。