CSS3矩形漸變是CSS3中強大的新特性之一，它可以讓你在網(wǎng)頁中創(chuàng)建各種類型的漸變效果。我們可以在CSS樣式表中利用linear-gradient()函數(shù)來定義矩形漸變。

div{
background: linear-gradient(to right, #ff0000, #0000ff);
}

上面的代碼展示了一個簡單的矩形漸變，這個背景從左到右地漸變從紅色到藍色，這是通過設(shè)置第一個參數(shù)to right來實現(xiàn)的。我們還可以設(shè)置其他的漸變方向，例如從上到下、從右上角到左下角等等。

div{
background: linear-gradient(45deg,#ff0000,#0000ff);
}

上面的代碼將會創(chuàng)建一個從右上角開始的漸變，斜線的角度為45度，并且表現(xiàn)為紅色到藍色的漸變。

如果我們要創(chuàng)建一個有多個顏色的漸變，我們可以使用多個顏色值，并且在它們之間使用逗號分隔來代表漸變的過渡。

div{
background: linear-gradient(to right, #ff0000,#00ff00,#0000ff);
}

上面的代碼表示了一個從左到右的漸變，循環(huán)從紅色到綠色到藍色。

總體來說，CSS3矩形漸變是一個優(yōu)秀的工具，可以用來實現(xiàn)各種各樣的漸變效果，而且只需要應(yīng)用一些簡單的代碼。我們只需要在樣式表中使用linear-gradient()函數(shù)就可以輕松地獲得所需的效果。