css 3中的漸變屬性的支援度具體是：ie10、ff3.6+、safari4.0+、chrome、opera11.1+、ios3.2+、opera mobile11.1、android，也就是說除了ie10以外其它的瀏覽器已經支援 css3 的漸變屬性了（雖然有些還在使用私有屬性）。【opera暫不支援徑向漸變】
1、線性漸變（從頂到底）
div第乙個引數是指從上開始，後面沒有方位引數自然就是下啦。blue，red為顏色值，即從上到下，由藍色到紅色漸變。當然我們也可以讓它變成從水平線性。
2、線性漸變（從左到右）
div3、線性漸變（加入stop() 函式）
div上面**的意思指：從左到15%處，再到50%處，再到85%處，再到右邊，顏色依次為從blue到#1a82f7， #2f2727, #1a82f7再到red，依次漸變顯示。當然中間的50%是可以省略的，不過不建議省略，直接用上百分比位置，看起來也比較清楚。
總結一下：線性漸變前面第乙個引數如left，即意思為從left——right漸變，如果為top，即意思為從top——bottom漸變。如果引數為「top left」，即意思從top left—— bottom right漸變。
第二個引數為漸變開始的第乙個顏色，依次為其它漸變色，最後乙個顏色即為最後的漸變色。那中間的漸變色，還有另乙個位置引數，如 #1a82f7 15%即為從上乙個顏色處到15%處，依次漸變為 #1a82f7。
那肯定有人會問了，如果我中間的漸變色不加位置引數呢？那也簡單，位置均分漸變，即(left, blue, #1a82f7 , #2f2727 , #1a82f7 , red) == (left, blue, #1a82f7 25%, #2f2727 50%, #1a82f7 75%, red)。
4、徑向漸變（從圓心到外面）
div徑向漸變，從圓心向處圍漸變，顏色從blue漸變為red。當然，如果引數circle替換為ellipse,則為橢圓形的徑向漸變。
5、徑向漸變（任意）
關於徑向漸變（任意）情況比較複雜，具體需要參考css 3手冊。
：radial-gradient([ ,]? [ [ || ] | ,]? [, ]+);
關於具體取值請參考這裡：
詳解CSS3漸變
漸變，指形狀或顏色的有規律性的變化，往往可以給人很強的節奏感和審美情趣，這裡研究的主要是顏色的漸變。漸變的形式在日常生活中很常見，在網頁中的用的也很多，傳統網頁技術中往往用來實現漸變，容易帶來載入負擔和動態定製的瓶頸。css3提供了實現漸變的屬性，隨著瀏覽器的逐步支援，研究css3漸變已勢在必行。涉...
css3的漸變屬性
css3的漸變 css3漸變 由瀏覽器生成進行渲染的 1.線性漸變 background webkit linear gradient 方向,顏色1,顏色2,顏色3，單一方向漸變 left right top bottom 從 那邊 開始 注意 需要新增相容字首 to left 到 那邊 結束 to...
css3 動畫屬性詳解
下面的是我的筆記 transition 過渡效果的 css 屬性的名稱 完成過渡效果需要多少秒或毫秒 速度效果的速度曲線 過渡效果何時開始 1 過渡效果的 css 屬性的名稱 一般有 all no width height 2 速度效果的速度曲線 動畫的速度曲線 linear 規定以相同速度開始至結...