漸變分為線性漸變和徑向漸變，所謂漸變就是幾種顏色之間的平穩過渡。
實現線性漸變，你至少需要定義兩種顏色的結點，這兩種結點就是你想平穩過渡的顏色，即：其中一種顏色結點為起點，另一種顏色結點為結束點。
書寫：background: linear-gradient(color1,color2);
color1為起點結點，color2為結束點結點。
同時也可以定義漸變的方向，是從上到下漸變，還是從左至右漸變，或者從右至左漸變，預設情況下是從上至下漸變的。
書寫：
background: linear-gradient(direction,colro1,color2);
direction表示漸變的方向，此值直接寫方向的起點即可，如：漸變方向為從左至右，直接寫left即可，漸變方向為從下至上，直接寫bottom即可。
當然也可以對角漸變，如：從左上角到右下角，書寫為background: linear-gradient(left top,color1,color2);
預設漸變方向是從上至下漸變：
現在定義漸變方向為從右至左：
對角漸變--右下角至左上角：
對角漸變--右下角到左上角：
div
如果還想更多地控制漸變方向，可以改變漸變的角度。
書寫：
background: linear-gradient(angle,color1,color2);
角度是指水平線與漸變線之間的角度，是逆時針的。
漸變時，也可以使用多個顏色。
css3 漸變也支援透明度（transparency），可用於建立減弱變淡的效果。
為了新增透明度，我們使用 rgba() 函式來定義顏色結點。rgba() 函式中的最後乙個引數可以是從 0 到 1 的值，它定義了顏色的透明度：0 表示完全透明，1 表示完全不透明。
repeat-linear-gradient函式用於建立重複的線性漸變
徑向漸變是由中心向外漸變的。可以定義它中心(預設漸變是中心是center)、形狀（原型或者橢圓形）、大小等。
書寫：background: radial-gradient(center,size,start-color,last-color);
div以上是均勻漸變，也可以是非均勻漸變，改變漸變顏色的比例就行；還有重複漸變也是可以的。
對於ie6~ie9是不支援漸變屬性的，使用濾鏡來代替漸變，實現漸變的效果。
filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr='rgba(246,237,237,0)',endcolorstr='rgba(246,237,237,0)');/* 針對ie的漸變，使用濾鏡的實現。 */
其中：gradienttype定義漸變的方式，屬性值為"1"，表示水平方向上的漸變，屬性值為"0"，表示垂直方向上的漸變。
對於ie9，單獨處理濾鏡：
:root
CSS屬性 陰影 輪廓 漸變
注 本文摘自 寧靜致遠 csdn 但願人長久 千里共嬋娟 csdn 使用box shadow屬性可以為元素新增陰影效果,比如 關鍵字是否必須作用值 h shadow 是陰影的水平偏移量 長度值，正值代表陰影向右偏移，負值代表陰影向左偏移 v shadow 是陰影的垂直偏移量 長度值，正值代表陰影向下...
詳解CSS 3 漸變屬性
css 3中的漸變屬性的支援度具體是 ie10 ff3.6 safari4.0 chrome opera11.1 ios3.2 opera mobile11.1 android，也就是說除了ie10以外其它的瀏覽器已經支援 css3 的漸變屬性了 雖然有些還在使用私有屬性 opera暫不支援徑向漸變...
CSS漸變屬性（gradient）的用法
漸變分為線性漸變和徑向漸變，所謂漸變就是幾種顏色之間的平穩過渡。線性漸變 線性漸變 linear gradient 實現線性漸變，你至少需要定義兩種顏色的結點，這兩種結點就是你想平穩過渡的顏色，即 其中一種顏色結點為起點，另一種顏色結點為結束點。書寫 background linear gradie...