一、按鈕顏色漸變(從上而下)
<
button height=
"100" width=
"200"
>
<
lineargradientbrush endpoint=
"0.5,1" startpoint=
"0.5,0"
>
<
gradientstop color=
"#ffc5d2f3" offset=
"0"/
>
<
gradientstop color=
"#ff042476" offset=
"1"/
>
<
/lineargradientbrush>
<
/button.background>
<
/button>
效果:
二、矩形顏色漸變(從左而右)
<
rectangle canvas.left=
"51" canvas.top=
"187" height=
"101" name=
"rectangle2" stroke=
"black" width=
"325"
>
<
lineargradientbrush startpoint=
"0,0" endpoint=
"1,0"
>
<
gradientstop color=
"#ff6b8ff0" offset=
"0.5"
/>
<
gradientstop color=
"#ff040a4b" offset=
"1"/
>
<
/lineargradientbrush>
<
/rectangle.fill>
<
/rectangle>
效果:
三、由外向內漸變
<
radialgradientbrush center=
"0.5,0.7" gradientorigin=
"0.5,0.7" radiusx=
"0.8" radiusy=
"0.8"
>
<
gradientstop color=
"#ffa4b3d3"
/>
<
gradientstop color=
"#ff302c5d" offset=
"0.952"
/>
<
gradientstop color=
"#ff96aad4" offset=
"0.162"
/>
<
/radialgradientbrush>
<
/grid.background>
<
/grid>
效果:
漸變顏色LinearGradientBrush
lineargradientbrush是用來漸變效果的,使用的初始化引數是矩形區域,開始顏色,結束顏色,顏色變化方向,它能夠形成比較統一的漸變效果,對比pathgradientbrush的漸變,它的特點是它與周圍的顏色漸變頻率是一樣的,設定lineargradientbrush的區域大小時,可以想象...
css web 顏色漸變
ms的站確實不錯,有很多東西可以參考 這個漸變其實就是乙個css濾鏡而已。給引數介紹 filter progid dximagetransform.microsoft.gradient enabled benabled,startcolorstr iwidth,endcolorstr iwidth ...
css顏色漸變
華麗麗的分割線 123 用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...