CSS背景漸變是一種能夠使網(wǎng)頁背景色或元素顏色逐漸變化的效果。使用CSS實(shí)現(xiàn)背景漸變并不難，只需要使用linear-gradient屬性結(jié)合預(yù)設(shè)的顏色值就可以輕松實(shí)現(xiàn)。

/* 使用線性漸變的背景漸變示例 */
background: linear-gradient(to bottom, #ffffff, #ff0000);
/* 預(yù)設(shè)從上到下的線性漸變，起點(diǎn)顏色為白色，終點(diǎn)顏色為紅色 */
background: linear-gradient(to right, #000000, #ffffff);
/* 預(yù)設(shè)從左到右的線性漸變，起點(diǎn)顏色為黑色，終點(diǎn)顏色為白色 */
background: linear-gradient(to right top, #ff0000, #ffffff);
/* 預(yù)設(shè)從左下到右上的線性漸變，起點(diǎn)顏色為紅色，終點(diǎn)顏色為白色 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
/* 預(yù)設(shè)從上往下的線性漸變，起點(diǎn)透明度為0，終點(diǎn)透明度為1，#000000即為黑色 */
background: linear-gradient(to right, #ff0000, #00ff00, #0000ff);
/* 預(yù)設(shè)從左到右的漸變，起點(diǎn)顏色為紅色，中點(diǎn)顏色為綠色，終點(diǎn)顏色為藍(lán)色 */
background: linear-gradient(135deg, #768bff 0%, #4fb4ff 100%);
/* 預(yù)設(shè)漸變方向?yàn)?35度，起點(diǎn)顏色為淡藍(lán)色，終點(diǎn)顏色為淺藍(lán)色 */

使用CSS預(yù)設(shè)線性漸變可以輕松實(shí)現(xiàn)背景漸變效果。另外，漸變方向、起點(diǎn)和終點(diǎn)顏色、透明度等都可以按需預(yù)設(shè)，達(dá)到豐富多彩的效果。