CSS3中的Gradient（漸變）有兩種類型：Linear Gradient和Radial Gradient。下面將對這兩種類型進行詳細的介紹。

/* Linear Gradient */
background: linear-gradient(to bottom, #ffffff, #000000);
/* Radial Gradient */
background: radial-gradient(circle, #ffffff, #000000);

Linear Gradient是線性漸變，其特點是沿著一條直線漸變。最常見的例子是漸變背景色。它有兩個關(guān)鍵詞to和from，用于指定起點和終點的方向。默認值是從上到下，即to bottom。

/* 從左到右的漸變 */
background: linear-gradient(to right, #ffffff, #000000);
/* 從上到左上方的漸變 */
background: linear-gradient(to top left, #ffffff, #000000);

Radial Gradient是徑向漸變，其特點是以一個點為中心，向周圍擴散形成一個圓形或橢圓形漸變。最常見的例子是按鈕的陰影效果。

/* 圓形漸變 */
background: radial-gradient(circle, #ffffff, #000000);
/* 橢圓形漸變 */
background: radial-gradient(ellipse, #ffffff, #000000);