漸變是css3當中比較豐富多彩的乙個特性，通過漸變我們可以實現許多炫麗的效果，有效的減少的使用數量，並且具有很強的適應性和可擴充套件性。可分為線性漸變、徑向漸變1.linear-gradient線性漸變指沿著某條直線朝乙個方向產生漸變效果
a)語法：
linear-gradient( [|| ,]? , [, ]* )
b)引數說明：
第乙個引數表示線性漸變的方向，
1.to left：設定漸變為從右到左。相當於: 270deg;
2.to right：設定漸變從左到右。相當於: 90deg;
3.to top：設定漸變從下到上。相當於: 0deg;
4.to bottom：設定漸變從上到下。相當於: 180deg。這是預設值，等同於留空不寫。也可以直接指定度數，如45deg
第二個引數是起點顏色,可以指定顏色的位置
第三個引數是終點顏色，你還可以在後面新增更多的引數，表示多種顏色的漸變
c)示例：
2.radial-gradient徑向漸變指從乙個中心點開始沿著四周產生漸變效果
a)語法：
= radial-gradient([ [ || ] [ at ]? , | at , ]?[ , ]+)
b)取值：
i.確定圓心的位置。如果提供2個引數，第乙個表示橫座標，第二個表示縱座標；如果只提供乙個，第二值預設為50%，即center
ii.shape：漸變的形狀，ellipse表示橢圓形，circle表示圓形。預設為ellipse，如果元素形狀為正方形的元素，則ellipse和circle顯示一樣
iii.size：漸變的大小，即漸變到**停止，它有四個值。 closest-side：最近邊； farthest-side：最遠邊； closest-corner：最近角； farthest-corner：最遠角。預設是最遠的角farthest-corner
iv.：指定顏色。rgba hsla
矩形
正方形
從中間光暈
定圓心,暈到最遠邊
定圓心,暈到最角
定圓心右下角
CSS3重複漸變（線性和徑向漸變）
background image repeating linear gradient to top,f9f9f9,f9f9f9 29px,ccc 30px 重複線性漸變 background image repeating radial gradient red,green 40px,orange ...
詳解CSS3漸變（線性和徑向）
css3漸變分為線性漸變和徑向漸變，先來說說比較簡單的線性漸變。css3的線性漸變和設計軟體中的漸變工具沒什麼區別，都是指定乙個漸變的方向，起始顏色，結束顏色，當然，起始顏色和結束顏色中間還可以新增其他顏色，也就是說漸變色可以是多種，而不僅僅是兩種顏色之間的漸變。w3c標準線性漸變語法如下 line...
線性漸變和徑向漸變
linear gradient direction，color 寫法 background webkit linear gradient direction，color 1.direction 方向，預設方向是自上而下 寫法有 1.background webkit linear gradient ...