CSS漸變是網(wǎng)頁設(shè)計(jì)中很重要的一個(gè)技術(shù)。CSS的漸變涉及到多個(gè)方向，如線性漸變、徑向漸變以及角度漸變，下面將分別介紹。

/*線性漸變*/
background: linear-gradient(to right, #ff0000, #0000ff);
/*徑向漸變*/
background: radial-gradient(ellipse at center, #ff0000, #0000ff);
/*角度漸變*/
background: linear-gradient(45deg, #ff0000, #0000ff);

線性漸變指的是從一個(gè)方向開始漸變至另一個(gè)方向，可以使用to關(guān)鍵字來定義漸變方向。以上代碼展示了從左到右的漸變效果，即紅色漸變成藍(lán)色。

徑向漸變是以中心點(diǎn)為基準(zhǔn)，從一個(gè)顏色到另一個(gè)顏色徑向漸變效果。以上代碼展示的是一個(gè)橢圓形徑向漸變效果，即紅色漸變成藍(lán)色。

角度漸變則是從指定的角度方向開始漸變指定的顏色，自動(dòng)進(jìn)行反轉(zhuǎn)漸變。以上代碼展示了從左上方向右下方45度角度上進(jìn)行的漸變，即紅色漸變成藍(lán)色。