CSS漸變是制作網頁時經常用到的一種效果，可以讓背景顏色或字體等元素有平滑的色彩過渡效果，從而增加網頁的美觀性和可讀性。

/* 線性漸變 */
background: linear-gradient(to right, #f00, #00f);
/* 徑向漸變 */
background: radial-gradient(circle, #f00, #00f);
/* 重復漸變 */
background: repeating-linear-gradient(to right, #f00, #00f);
/* 透明漸變 */
background: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(0, 0, 255, 0.5));

以上代碼是四種常用的CSS漸變方式，分別是線性漸變、徑向漸變、重復漸變和透明漸變。

線性漸變可以根據給定的方向，在兩種顏色之間生成線性過渡效果。示例代碼中，to right表示從左向右，#f00表示紅色，#00f表示藍色。這樣的線性漸變效果可以用于網頁背景。

徑向漸變則是從圓心向四周給定顏色進行色彩過渡。示例代碼中的circle表示漸變以圓心為中心，#f00表示紅色，#00f表示藍色。徑向漸變可以用于頁面元素的背景。

重復漸變則和線性漸變類似，但可以根據給定的間距重復生成多個線性過渡區域，從而呈現出一種有規律的圖案。這種效果可以用于邊框或其他裝飾性元素上。

透明漸變則可以在色彩過渡的同時，進行透明度的過渡。示例代碼中的rgba(255, 0, 0, 0)表示紅色，但透明度為0，而rgba(0, 0, 255, 0.5)則表示藍色，透明度為0.5。透明漸變可以用于將兩種色彩進行平滑切換，比如網頁元素的漸變色字體效果。