本文目錄導(dǎo)讀：

1. 線性漸變
2. 徑向漸變

CSS實現(xiàn)漸變效果的方法

在CSS中，我們可以使用線性漸變（Linear Gradients）或者徑向漸變（Radial Gradients）來實現(xiàn)漸變效果。

線性漸變

線性漸變是從一個顏色到另一個顏色的平滑過渡，它沿著一條直線進(jìn)行，我們可以使用linear-gradient()函數(shù)來創(chuàng)建線性漸變。

background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);

上述代碼會創(chuàng)建一個從紅色到紫色的線性漸變背景。to right表示漸變的起始位置在左側(cè)，結(jié)束位置在右側(cè)，我們還可以選擇其他方向，如to top、to bottom等。

徑向漸變

徑向漸變是從一個顏色到另一個顏色的平滑過渡，但它沿著圓形路徑進(jìn)行，我們可以使用radial-gradient()函數(shù)來創(chuàng)建徑向漸變。

background: radial-gradient(circle, red, orange, yellow, green, blue, indigo, violet);

上述代碼會創(chuàng)建一個從紅色到紫色的徑向漸變背景。circle表示漸變的形狀為圓形，我們還可以選擇其他形狀，如ellipse（橢圓）等。

除了線性漸變和徑向漸變，CSS還支持角向漸變（Angular Gradients）和掃描式漸變（Sweep Gradients），但它們的實現(xiàn)方式相對復(fù)雜一些。

CSS提供了多種實現(xiàn)漸變效果的方法，我們可以根據(jù)具體需求選擇適合的方式。