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

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

CSS3中設(shè)置漸變顏色的方法

在CSS3中，我們可以使用線性漸變（Linear Gradients）或者徑向漸變（Radial Gradients）來(lái)設(shè)置顏色漸變。

線性漸變

線性漸變是指顏色沿著一條直線進(jìn)行變化，我們可以通過(guò)設(shè)置兩個(gè)或多個(gè)顏色點(diǎn)來(lái)定義漸變的起始顏色和結(jié)束顏色。

我們可以將背景色設(shè)置為從紅色到藍(lán)色的線性漸變：

background: linear-gradient(to right, red, blue);

to right表示漸變的方向是向右，red和blue分別表示漸變的起始顏色和結(jié)束顏色。

徑向漸變

徑向漸變是指顏色沿著一個(gè)圓形路徑進(jìn)行變化，我們可以通過(guò)設(shè)置兩個(gè)或多個(gè)顏色點(diǎn)來(lái)定義漸變的起始顏色和結(jié)束顏色。

我們可以將背景色設(shè)置為從紅色到藍(lán)色的徑向漸變：

background: radial-gradient(circle, red, blue);

circle表示漸變的形狀是一個(gè)圓形，red和blue分別表示漸變的起始顏色和結(jié)束顏色。

需要注意的是，CSS3中的漸變顏色功能在不同的瀏覽器中有不同的兼容性和實(shí)現(xiàn)方式，在使用之前，我們需要確保目標(biāo)瀏覽器支持CSS3的漸變顏色功能。