-webkit-gradient webkit內核瀏覽器的Linear Gradients (線性漸變) -Css3演示

webkit內核的safari、 Chrome的Linear Gradients (線性漸變)的幾點說明及演示：

webkit內核的safari、 Chrome的Linear Gradients (線性漸變) 基本語法：background-image:-webkit-gradient(type,x1 y1, x2 y2, from(開始顏色值),to(結束顏色值), [color-stop(偏移量小數,停靠顏色值),…] );

-webkit-gradient是background的一個屬性值；
webkit內核的Linear Gradients (線性漸變) 第一組參數type（類型）爲 linear；
第二組參數是,x1 y1, x2 y2,當成顏色漸變體的兩個點的座標就是。x1,x2,y1,y2的取值範圍爲0%-100%，當x1,x2,y1,y2取值爲極值的時候，x1和x2能夠取值left（或0%）或right（或100%），,y1和y2能夠取值top（或0%）或bottom（或100%）；
當x1等於x2，y1不等於y2，實現垂直漸變，調整y1，y2的值能夠調整漸變半徑大小；
當y1等於y2，x1不等於x2，實現水平漸變，調整x1，x2的值能夠調整漸變半徑大小；
當y1不等於y2，x1不等於x2，實現角度漸變，當x1,x2,y1,y2取值爲極值的時候接近垂直漸變或水平漸變；
當x1等於x2，y1等於y2，實現沒有漸變，取from色，即「 from(顏色值) 」；
實現垂直漸變和水平漸變漸變時，x1和x2能夠最簡單的取值是left（或0%）或right（或100%）,y1和y2能夠最簡單的取值是top（或0%）或bottom（或100%）；
from(開始顏色值),to(結束顏色值)是兩個漸變顏色值；
[color-stop(偏移量<小數>,停靠顏色值),…]：可使用多個color-stop，若是漸變只有2個顏色，那麼能夠不使用該參數；偏移量必須爲小數，若是偏移量>=1,那麼該color-stop至關於無效；
firefox下的Linear Gradients (線性漸變) 請參閱：
ie下可使用漸變濾鏡，請參閱： http://msdn.microsoft.com/en-us/library/ms532997(VS.85).aspx

background-image:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));