CSS fade 動畫（漸變動畫）是一種通過使用 CSS 實現頁面元素漸變過渡效果的技術。下面我們將介紹如何通過 CSS 來實現一個簡單的 fade 動畫。

.fade {
opacity: 0;
transition: opacity .5s ease-in-out;
}
.fade:hover {
opacity: 1;
}

在這個例子中，我們創(chuàng)建了一個類名為 fade 的 CSS 選擇器，通過設置初始透明度為 0（即元素完全透明），再利用 CSS 過渡（transition）特性在 .5s 內逐漸將透明度調整到 1（即元素完全不透明），從而實現了漸變效果。

當鼠標移動到 fade 類元素上時，hover 選擇器會覆蓋原來的 CSS，將透明度再次變?yōu)?1，達到元素逐漸出現的效果。

這是一個非常簡單的 fade 動畫實現方式。您可以使用 CSS 的動畫特性（animation）來實現更復雜的效果，例如非線性的動畫曲線，或者加入其他效果元素等。