CSS3中有兩種漸變顏色：線性漸變（linear-gradient）和徑向漸變（radial-gradient）。

/*線性漸變*/
background: linear-gradient(方向，顏色1，顏色2，...);

方向可以是度數(shù)、關(guān)鍵字（top、left等等）或者是角度和長度的組合。

/*徑向漸變*/
background: radial-gradient(圓心，形狀，顏色1，顏色2，...);

圓心可以是關(guān)鍵字（center、top等等），也可以是長度和角度的組合；形狀可以是圓形、橢圓形或者是兩者的組合。

漸變顏色可以使用顏色值、顏色關(guān)鍵字、漸變點(diǎn)等等來定義。漸變點(diǎn)表示漸變中顏色的分布，可以是長度或百分比。

示例：

/*線性從左到右漸變*/
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
/*徑向漸變，圓心在中間*/
background: radial-gradient(circle at center, red, orange, yellow, green, blue, indigo, violet);
/*徑向漸變，圓形，不同長度的漸變點(diǎn)*/
background: radial-gradient(circle, red 10%, orange 30%, yellow 50%, green 70%, blue 90%, indigo, violet);