先了解一下目前的幾種現代瀏覽器的核心，主流內容主要有
mozilla（gecko）（熟悉的有firefox，flock等瀏覽器）-moz-
webkit（熟悉的有safari、chrome等瀏覽器）-webkit-
opera(presto)（opera瀏覽器）-o-
trident（ie瀏覽器）。
》線性漸變(linear)
第乙個引數省略時，預設為「270deg」，等同於「to bottom」。
第二個和第三個引數，表示顏色的起始點和結束點，可以有多個顏色值。
可以結合透明度使用
eg:background:linear-gradient(to left, red效果圖：,yellow
,green
,blue
,indigo
,violet
);
相容性：
ie依靠濾鏡實現漸變
filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#1471da, endcolorstr=#1c85fb);
-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#1471da, endcolorstr=#1c85fb)";
（startcolorstr表示起點的顏色，endcolorstr表示終點顏色。gradienttype表示漸變型別，0為預設值，表示垂直漸變，1表示水平漸變）
加上核心字首-moz-，-webkit-，-o-
background: -webkit-gradient(linear,center top,center bottom,from
(#ccc), to(#000));//webkit老版引擎的寫法
eg:background: -moz-linear-gradient(left, #ace, #f96 5%, #ace, #f96 95%, #ace);
background: -webkit-gradient(linear, left
top, right
top, from(#ace), color-stop(0.05, #f96), color-stop(0.5, #ace), color-stop(0.95, #f96), to(#ace)); //color-stop函式接受兩個引數，第乙個表示漸變的位置，0為起點，0.5為中點，1為結束點；第二個表示該點的顏色。
background: -webkit-linear-gradient(left, #ace, #f96 5%, #ace, #f96 95%, #ace);
background: -o-linear-gradient(left, #ace, #f96 5%, #ace, #f96 95%, #ace);//顏色值後面的參數列起點與終點的位置
》徑向漸變(radial)
徑向漸變到目前還不支援opera的核心瀏覽器
徑向梯度允許指定漸變的形狀（圓形circle或橢圓形 ellipse）和大小（最近端，最近角，最遠端，最遠角，包含或覆蓋 (closest-side, closest-corner, farthest-side, farthest-corner, contain or cover)）。
closest-side:漸變由起點到最近邊決定
closest-corner：漸變由起點到最近角決定
farthest-side：漸變由起點到最遠邊決定
farthest-corner：漸變由起點到最遠角決定
contain：漸變由起點到最近邊決定
》重複漸變的應用
實際出來的效果
加上div
後，控制背景的大小，從而達到重複的效果
CSS3製作漸變文字
今天去css tricks無意間發現了標題運用漸變文字這一效果，這使的想起了webkit核心瀏覽器的一些私有屬性。而實現漸變文字這一特效可以借助webkit瀏覽器的兩個私有屬性 webkit mask image與 webkit background clip。既然稱之為webkit私用屬性，我想大...
CSS3顏色漸變
漸變帶來了色彩巨大的展現。可謂不可不學 是故收集整理，權當乙個小教程吧。一 線性漸變在mozilla下的應用 語法 moz linear gradient 引數 其共有三個引數，第乙個引數表示線性漸變的方向，top是從上到下 left是從左到右，如果定義成lefttop，那就是從左上角到右下角。第二...
詳解CSS3漸變
漸變，指形狀或顏色的有規律性的變化，往往可以給人很強的節奏感和審美情趣，這裡研究的主要是顏色的漸變。漸變的形式在日常生活中很常見，在網頁中的用的也很多，傳統網頁技術中往往用來實現漸變，容易帶來載入負擔和動態定製的瓶頸。css3提供了實現漸變的屬性，隨著瀏覽器的逐步支援，研究css3漸變已勢在必行。涉...