我們一般實現背景漸變的方法都是用來實現，這段時間在做專案中找到了一種用css3用顏色實現背景漸變的方法，主要支援firefox和safari/chrome 等瀏覽器，ie用濾鏡的方法來解決漸變的問題：
css3 gradient分為linear-gradient(線性漸變)和radial-gradient(徑向漸變)，
-moz-linear-gradient( [|| ,]? , [, ]* )引數：第乙個引數表示方向，可以是top,表示從上到下，left表示從左到右，left top 從左上角到右下角；第二個引數和第三個引數分別表示起點顏色和終點顏色，在裡面也可以插入更多的引數顏色
可以寫成background:-moz-lineat-gradient(top,#ccc,#000);
-webkit-linear-gradient( [|| ,]? , [, ]* )//最新發布書寫語法引數：第一種的書寫方法裡的引數跟-moz-linear-gradinent的引數是一樣的；-webkit-gradient(, [, ]?, [, ]? [, ]*) //老式語法書寫規則
第二種引數裡的type表示的是漸變的型別，可以是linear漸變或者radia徑向漸變；第二個引數和第三個引數，都是一對值，分別表示漸變起點和終點。這對值可以用座標形式表示，也可以用關鍵值表示，比如 left top（左上角）和left bottom（左下角）。第四個和第五個引數，分別是兩個color-stop函式。color-stop函式接受兩個引數，第乙個表示漸變的位置，0為起點，0.5為中點，1為結束點；第二個表示該點的顏色。
-o-linear-gradient([|| ,]? , [, ]);
引數：第一引數表示漸變的方向，第二個引數和第三個引數分別表示漸變顏色的起點和終點；
在ie中解決漸變的方法主要是利用濾鏡：
filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#1471da, endcolorstr=#1c85fb);/*ie<9>*/引數：ie依靠濾鏡實現漸變。startcolorstr表示起點的顏色，endcolorstr表示終點顏色。gradienttype表示漸變型別，0為預設值，表示垂直漸變，1表示水平漸變。-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#1471da, endcolorstr=#1c85fb)";/*ie8+*/
css3實現背景漸變
一 線性漸變 詳細 在css3中，可以使用 linear gradient實現背景線性漸變。linear gradient to left right top bottom 在ff瀏覽器時需要將樣式 書寫成 moz linear gradient chrome瀏覽器時需要寫成 webkit line...
css3 背景漸變
在沒有了解css也可以做背景漸變以前，我都是通過ps一張背景漸變的來應用到自己所做的網頁中。然而，在前不久我了解到css3也可以做背景漸變後，想要做背景漸變的效果就很容易了許多，下面是一些css3做背景漸變的方法。一.線性漸變 自上而下的線性漸變 div 從左往右的線性漸變 div 第乙個引數是漸變...
CSS3實現背景顏色漸變
css漸變色概念 css漸變色 gradients 能讓我們用一種顏色漸變的效果修飾乙個空間 從一種顏色過渡到另外一種顏色 填充這個空間。漸變色有兩個形式 linear 線性漸變 和radial 環形漸變 很顯然css漸變色 gradients 技術是產生了一種視覺圖案效果，而實現這種視覺效果很簡單...