DIV背景色漸變

ie下：

filter: alpha(opacity=100 finishopacity=100 style=1,startx=0,starty=0,finishx=100,finishy=50)

progid:dximagetransform.microsoft.gradient(startcolorstr=green,endcolorstr=red,gradienttype=0);

opacity:開始顏色透明度，100為不透明，0為透明

finishopacity:結束透明度（這裡我們要讓綠色轉化成完全紅色，所以結束時候也要不透明)

style:0 代表統一形狀 1 代表線形 2 代表放射狀 3 代表矩形。

startx:顏色起始x點

starty：顏色起始y點

finishx：顏色結束x點（要細調：0-100）

finishy：顏色結束y點（要細調：0-100）

startcolorstr：起始顏色

endcolorstr：結束顏色

gradienttype：0為y軸，1為x軸渲染

webkit核心瀏覽器下的的基本語法如下：

-webkit-gradient(type, start_point, end_point, / stop...)

-webkit-gradient(type, inner_center, inner_radius, outer_center, outer_radius, / stop...)

漸變的型別，可以是線性漸變(linear)或是徑向漸變(radial)

start_point

漸變影象中漸變的起始點

end_point

漸變影象中漸變的結束點

stop

color-stop()方法，指定漸變程序中特定的顏色

inner_center

內部中心點，徑向漸變起始圓環

inner_radius

內部半徑，徑向漸變起始圓

outer_center

外部漸變結束圓的中心點

outer_radius

外部漸變結束圓的半徑

firefox

要建立乙個線性漸變，您需要設定乙個起點和乙個漸變的方向（或角度），並定義起止顏色。

firefox支援兩種型別的css漸變：線性的(

-moz-linear-gradient

)和放射狀的(

-moz-radial-gradient

)。

-moz-linear-gradient(

[> || >,
]? >,
>[,
>]*
)

iOS UIView背景色漸變

uiview theview uiview alloc initwithframe self headerbackimgview frame self headerview addsubview theview 初始化 cagradientlayer 物件，使它的大小為 uiview 的大小 cag...

背景色漸變處理 linear gradient

處理各個瀏覽器間的相容，背景色漸變 background moz linear gradient top,0192ed 0 0baeb3 100 background webkit gradient linear,left top,left bottom,color stop 0 0192ed co...

背景色勻速漸變顯示

1 背景色勻速漸變顯示 ransition 顏色 變換延續的時間 變換速率 transition background color 0.3s linear 變換速率 1 ease 逐漸變慢 預設值，ease函式等同於貝塞爾曲線 0.25,0.1,0.25,1.0 2 linear 勻速 linear...