CSS 特效是使用 CSS 樣式和規則創建各種視覺特效的技術。下面將介紹一些常見的 CSS 特效及其實現方法。

1. 偽類選擇器

偽類選擇器是一種選擇器，可以根據元素的類名或屬性來自動選擇一系列不同的元素。例如，在 CSS 中，我們可以使用 <li> 元素作為容器，并使用偽類選擇器來定義不同的樣式，如 <li class="active"> 元素是當前操作的li元素，而 <li> 元素是未操作的li元素。

2. 過渡效果

過渡效果是一種讓元素之間平滑過渡的特效。在 CSS 中，我們可以使用 `border-radius`、`margin`、`padding` 等屬性來實現過渡效果。例如，我們可以使用 `border-radius` 屬性將一個元素的四個角變成圓角，并使用 `margin` 屬性將一個元素的寬度和高度比另一個元素的寬度和高度窄一些，來實現一個平滑的過渡效果。

3. 動畫效果

動畫效果是一種讓元素在時間變化時發生響應式的樣式變化的效果。在 CSS 中，我們可以使用 `animation` 屬性來實現動畫效果。例如，我們可以定義一個動畫，使一個元素在 `@keyframes` 規則中的某個時間點上從原始狀態變成另一個狀態。

4. 陰影效果

5. 漸變效果

CSS 特效是一種非常強大的技術，可以讓我們創建各種視覺效果。通過使用不同的 CSS 屬性和選擇器，我們可以輕松地實現各種不同的 CSS 特效。