css web 顏色漸變

2021-03-31 08:56:30 字數 1549 閱讀 8248

ms的站確實不錯,有很多東西可以參考

這個漸變其實就是乙個css濾鏡而已。給引數介紹

filter : progid:dximagetransform.microsoft.gradient ( enabled=benabled, startcolorstr=iwidth, endcolorstr=iwidth)

屬性:

enabled:可選項。布林值(boolean)。設定或檢索濾鏡是否啟用。true|falsetrue:預設值。濾鏡啟用。

false:濾鏡被禁止。

startcolorstr:可選項。字串(string)。設定或檢索色彩漸變的開始顏色和透明度。

其格式為#aarrggbb 。aa 、rr 、gg 、bb 為十六進製制正整數。取值範圍為00 - ff。rr 指定紅色值,gg 指定綠色值,bb 指定藍色值,參閱#rrggbb

顏色單位。aa 指定透明度。00是完全透明。ff是完全不透明。超出取值範圍的值將被恢復為預設值。

取值範圍為#ff000000 - #ffffffff。預設值為#ff0000ff。不透明藍色。

endcolorstr:可選項。字串(string)。設定或檢索色彩漸變的結束顏色和透明度。參閱startcolorstr屬性。預設值為#ff000000。不透明黑色。

特性:enabled:可讀寫。布林值(boolean)。參閱enabled屬性。

gradienttype:可讀寫。整數值(integer)。設定或檢索色彩漸變的方向。1|01:預設值。水平漸變。

0:垂直漸變。

startcolorstr:可讀寫。字串(string)。參閱startcolorstr屬性。

startcolor:可讀寫。整數值(integer)。設定或檢索色彩漸變的開始顏色。 取值範圍為0 - 42949672950為透明。4294967295為不透明白色。

endcolorstr:可讀寫。字串(string)。設定或檢索色彩漸變的結束顏色和透明度。參閱startcolorstr屬性。預設值為#ff000000。不透明黑色。

endcolor:可讀寫。整數值(integer)。設定或檢索色彩漸變的結束顏色。 取值範圍為0 - 42949672950為透明。4294967295為不透明白色。當在指令碼中使用此特性時,也可以用十六進製制格式:0xaarrggbb 。

漸變顏色LinearGradientBrush

lineargradientbrush是用來漸變效果的,使用的初始化引數是矩形區域,開始顏色,結束顏色,顏色變化方向,它能夠形成比較統一的漸變效果,對比pathgradientbrush的漸變,它的特點是它與周圍的顏色漸變頻率是一樣的,設定lineargradientbrush的區域大小時,可以想象...

css顏色漸變

華麗麗的分割線 123 用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...

android顏色漸變

xml配置位於drawable下面 radial 模式專用 android startcolor ffffffff android type linear 分別使用liner,radial 和sweep三種漸變模式 android uselevel 圓角android bottomleftradiu...