css3 漸變（gradient）可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。 以前，你必須使用影象來實現這些效果，現在通過使用 css3 的漸變（gradients）即可實現。此外，漸變效果的元素在放大時看起來效果更好，因為漸變（gradient）是由瀏覽器生成的。
1、語法
background: linear-gradient(direction, color-stop1, color-stop2, ...);direction（角度），預設是to bottm，即從上到下的漸變。
stop，顏色的分布位置，預設是均勻分布，比如有三個顏色漸變，每個顏色的stop值為33.3%。
舉個栗子：
.smallbox效果：
direction的值自然還有其他三個，分別是to top 、to left 、 to bottom（預設）。
但是這僅僅是常規方向，比如你想斜著漸變，可以這樣調整角度，比如從左上角向右下角漸變，可以：
.smallbox效果：
類似值，還有，to right top、to left top、to left bottom。
可以使用具體角度值表示角度，單位deg：
舉個栗子，比如90deg（也就是to right）：
.smallbox效果：
重複性漸變：repeating-linear-gradient
.smallbox效果：
漸變到透明：rgba
.smallbox效果:
背景顏色漸變
專門做漸變顏色的 這種漸變色，瀏覽器要當做背景解析的，所以應該給background image 引數1 漸變的方向 to 乙個方向 還可以寫角度,0deg在正下，值越大，越順時針旋轉 後面的引數是顏色，至少2個顏色，顏色要 2 第乙個顏色後面寫乙個百分比，代表在什麼位置結束 後面的顏色再寫百分比，...
css3 顏色 背景 漸變
漸變放在 css裡的語句 一定要按這個順序排，才不會出錯。否則 有的瀏覽器會不正常，今天本來調好了，發現ie9不行，搞了半天不行，崩潰了 最後準備還是使用背景算了 最後一次 測試，終於搞定 background moz linear gradient top,fefefe,d3ecff moz火狐 ...
android 背景顏色漸變（梯度變化）
首先在drawable資料夾下面新建乙個xml檔案，起名為bgcolor.xml。如下 xml version 1.0 encoding utf 8 shape xmlns android gradient android startcolor 000000 android endcolor fff...