WPF 顏色漸變

2021-10-14 04:43:10 字數 1896 閱讀 6294

一、按鈕顏色漸變(從上而下)

<

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 ...