如何用CSS制作漸變效果？

CSS中的漸變效果可以通過使用線性漸變或徑向漸變來實現(xiàn)，線性漸變是從一個顏色到另一個顏色的直線過渡，而徑向漸變則是從中心向外擴散的圓形過渡。

我們需要定義漸變的起始顏色和結(jié)束顏色，在CSS中，可以使用linear-gradient函數(shù)來定義線性漸變，

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

上面的代碼定義了一個從紅色到紫色的線性漸變，中間還包含了橙色、黃色、綠色和藍色的過渡。

我們還可以使用radial-gradient函數(shù)來定義徑向漸變，

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

上面的代碼定義了一個從紅色到紫色的徑向漸變，中間還包含了橙色、黃色、綠色和藍色的過渡。

除了定義漸變的起始顏色和結(jié)束顏色外，我們還可以設置漸變的顏色分布、漸變的方向等屬性，可以使用color-stop關鍵字來設置漸變的顏色分布：

background: linear-gradient(to right, color-stop(0, red), color-stop(0.25, orange), color-stop(0.5, yellow), color-stop(0.75, green), color-stop(1, blue), color-stop(1, purple));

上面的代碼定義了一個線性漸變，其中紅色、橙色、黃色、綠色、藍色和紫色分別分布在0%、25%、50%、75%和100%的位置。

CSS中的漸變效果可以通過線性漸變和徑向漸變來實現(xiàn)，我們可以根據(jù)自己的需求來設置漸變的起始顏色、結(jié)束顏色、顏色分布和漸變方向等屬性。