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

1. 線性漸變色填充
2. 徑向漸變色填充
3. 角度漸變色填充

CSS3.0中提供了多種填充方式，其中漸變色填充是常用的一種，下面介紹如何使用CSS3.0實現(xiàn)漸變色填充。

線性漸變色填充

線性漸變色填充是從一個顏色到另一個顏色的平滑過渡，可以使用CSS3.0的linear-gradient()函數(shù)實現(xiàn)，從紅色到藍色的漸變色填充可以寫成：

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

to right表示漸變方向為從左側(cè)到右側(cè)，red和blue分別表示漸變的起始顏色和終止顏色，可以根據(jù)需要調(diào)整漸變方向和顏色。

徑向漸變色填充

徑向漸變色填充是從一個顏色到另一個顏色的圓形過渡，可以使用CSS3.0的radial-gradient()函數(shù)實現(xiàn)，從紅色到藍色的徑向漸變色填充可以寫成：

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

circle表示漸變的形狀為圓形，red和blue分別表示漸變的起始顏色和終止顏色，可以根據(jù)需要調(diào)整漸變形狀和顏色。

角度漸變色填充

角度漸變色填充是從一個顏色到另一個顏色的旋轉(zhuǎn)過渡，可以使用CSS3.0的angle-gradient()函數(shù)實現(xiàn)，從紅色到藍色的角度漸變色填充可以寫成：

background: angle-gradient(45deg, red, blue);

45deg表示漸變方向為從左下角到右上角，red和blue分別表示漸變的起始顏色和終止顏色，可以根據(jù)需要調(diào)整漸變方向和顏色。

是CSS3.0中常用的三種漸變色填充方式，可以根據(jù)需要選擇使用，還可以結(jié)合其他CSS屬性實現(xiàn)更豐富的漸變色效果。