漸變可以建立類似於彩虹的效果，低版本的瀏覽器不的不使開發者用來實現，css3將會輕鬆實現網頁漸變效果。
要得上面的線性漸變效果，我們這樣去定義css3樣式：
background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* firefox */-moz-linear-gradient有三個引數。第乙個引數表示線性漸變的方向，top是從上到下、left是從左到右，如果定義成left top，那就是從左上角到右下角。第二個和第三個引數分別是起點顏色和終點顏色。你還可以在它們之間插入更多的引數，表示多種顏色的漸變。background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* saf4+, chrome */
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#c6ff00', endcolorstr='#538300', gradienttype='0'); /* ie*/
-webkit-gradient是webkit引擎對漸變的實現引數，一共有五個。
第乙個引數表示漸變型別（type），可以是linear（線性漸變）或者radial（徑向漸變）。
第二個引數和第三個引數，都是一對值，分別表示漸變起點和終點。這對值可以用座標形式表示，也可以用關鍵值表示，比如 left top（左上角）和left bottom（左下角）。
第四個和第五個引數，分別是兩個color-stop函式。color-stop函式接受兩個引數，第乙個表示漸變的位置，0為起點，0.5為中點，1為結束點；第二個表示該點的顏色。
ie依靠濾鏡實現漸變。startcolorstr表示起點的顏色，endcolorstr表示終點顏色。gradienttype表示漸變型別，0為預設值，表示垂直漸變，1表示水平漸變。
circle farthest-corner圓形漸變，ellipse farthest-corner橢圓漸
css顏色漸變
華麗麗的分割線 123 用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...
CSS顏色漸變
使用角度 如果你想要在漸變的方向上做更多的控制，你可以定義乙個角度，而不用預定義方向 to bottom to top to right to left to bottom right，等等 語法background linear gradient angle,color stop1,color s...
css顏色漸變
華麗麗的分割線 12 3用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...