CSS3漸變是CSS中非常有用的一個新功能。漸變是指一種過渡效果，可以使兩種或多種截然不同的顏色在彼此之間產生漸染的效果。漸變樣式可以應用在多個元素上，可以對圖片、文本、背景等進行漸變色處理。

/* 線性漸變 */
background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
/* 徑向漸變 */
background: radial-gradient(circle, #ffffff 0%, #000000 100%);

CSS3支持兩種漸變：線性漸變和徑向漸變。這兩種漸變都是通過設置起始顏色和結束顏色來實現的。線性漸變可以設置漸變的方向，而徑向漸變則可以設置漸變的形狀。這些參數都可以自定義，可以通過兩種不同的方式來指定：

/* 方向 */
background: linear-gradient(to left, #ffffff 0%, #000000 100%);
/* 角度 */
background: linear-gradient(135deg, #ffffff 0%, #000000 100%);
/* 圓形 */
background: radial-gradient(circle, #ffffff 0%, #000000 100%);
/* 橢圓形 */
background: radial-gradient(ellipse, #ffffff 0%, #000000 100%);

CSS3漸變還可在元素的邊緣應用，呈現出漸暈效果。這被稱為透明度漸變。透明度漸變可以通過設置顏色和透明度值來實現，這個特性常常用于圖片的邊緣淡出效果。

/* 線性透明度漸變 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
/* 徑向透明度漸變 */
background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);

盡管CSS3漸變非常強大，但是漸變不建議濫用。錯誤的漸變設置可能會使網頁過于花哨，影響用戶的瀏覽體驗。在使用漸變時，必須謹慎選擇顏色和方向。同時，漸變效果在一些舊版瀏覽器上效果不佳，如果要在不支持CSS3的瀏覽器上使用，建議使用JavaScript等技術來實現。