CSS3 漸變（gradients）可以讓我們實現(xiàn)在兩個或多個指定的顏色之間顯示平穩(wěn)的過渡，讓我們減少下載的時間和寬帶的使用，并且漸變的效果在我們放大的時候效果更好。

首先呢漸變分為：

? ??線性漸變（Linear Gradients）- 向下/向上/向左/向右/對角方向

? ??徑向漸變（Radial Gradients）- 由它們的中心定義

線性漸變：

1、線性漸變 - 從上到下（默認情況下）：

2、線性漸變 - 從左到右：

3、線性漸變 - 對角：

4、使用角度：

角度是指水平線和漸變線之間的角度，逆時針方向計算。換句話說，0deg 將創(chuàng)建一個從下到上的漸變，90deg 將創(chuàng)建一個從左到右的漸變。

5、重復的線性漸變：

????使用repeating-linear-gradient() 函數(shù)用于重復線性漸變：

徑向漸變：

????????????語法

徑向漸變 - 顏色節(jié)點均勻分布（默認情況下）：

徑向漸變 - 顏色節(jié)點不均勻分布：

重復的徑向漸變：

設置形狀：

shape 參數(shù)定義了形狀。它可以是值 circle 或 ellipse。其中，circle 表示圓形，ellipse 表示橢圓形。默認值是 ellipse