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

webkit內(nèi)核的safari、? ? Chrome的Linear Gradients (線性漸變) 基本語法：background-image:-webkit-gradient(type,x1 y1, x2 y2,

? ? from(開始顏色值),to(結(jié)束顏色值), [color-stop(偏移量小數(shù),?？款伾?,...] );

-webkit-gradient是background的一個屬性值；

webkit內(nèi)核的Linear Gradients (線性漸變) 第一組參數(shù)type（類型）為 linear；

第二組參數(shù)是,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，實現(xiàn)垂直漸變，調(diào)整y1，y2的值可以調(diào)整漸變半徑大??；

當y1等于y2，x1不等于x2，實現(xiàn)水平漸變，調(diào)整x1，x2的值可以調(diào)整漸變半徑大小；

當y1不等于y2，x1不等于x2，實現(xiàn)角度漸變，當x1,x2,y1,y2取值為極值的時候接近垂直漸變或水平漸變；

當x1等于x2，y1等于y2，實現(xiàn)沒有漸變，取from色，即“ from(顏色值) ”；

實現(xiàn)垂直漸變和水平漸變漸變時，x1和x2可以最簡單的取值是left（或0%）或right（或100%）,y1和y2可以最簡單的取值是top（或0%）或bottom（或100%）；

from(開始顏色值),to(結(jié)束顏色值)是兩個漸變顏色值；

[color-stop(偏移量<小數(shù)>,停靠顏色值),...]：可以使用多個color-stop，如果漸變只有2個顏色，那么可以不使用該參數(shù)；偏移量必須為小數(shù)，如果偏移量>=1,那么該color-stop相當于無效；