css樣式實現 背景色的漸變效果及相容性

2021-06-26 13:12:18 字數 765 閱讀 1199

上述**實現了: 從左到右的顏色的漸變的效果。

background: linear-gradient(to right, rgba(3,110,184,0.22) 0%,rgba(143,195,31,0.22) 100%)

是chrome的實現效果

filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr=#38036eb8,endcolorstr=#388fc31f)

是ie下實現效果

dximagetransform.microsoft.gradient 

引數的說明以及計算方法:

gradienttype 。。。。。。。方向 1:左右 0:上下

startcolorstr。。。。。。。開始顏色值,引數值是#aarrggbb形式的, 其中的aa是代表不透明度的十六進製制,00表示完全透明,ff就是全不透明,化成十進位制的範圍就是0~255,剩下的rrggbb就是顏色的十六進製制代 碼, 例如 rgba(3,110,184,0.22) 轉換後是 #38036eb8, 【特別說明】aa的計算公式:  0.22 * 255 大約是56 再轉成16進製制是38

endcolorstr。。。。。。。 結束顏色值, 計算方法見上

css設定背景色漸變

瀏覽器字首 background linear gradient red,blue background webkit linear gradient red,blue background o linear gradient red,blue background moz linear gradi...

網頁背景色漸變效果

背景色漸變 引數說明 gradienttype為漸變型別,0為上下漸變,1為左右漸變 startcolorstr為開始顏色 endcolorstr為結束顏色 背景色透明 背景圖漸變 01 白色 ffffff 18 紅色 ff0000 35 綠色 00ff00 02 牡丹紅 ff00ff 19 青色 ...

VTK設定漸變背景色效果

最近想在自己的矩量法軟體中設定漸變背景色效果,查了vtk手冊及原始碼終於找到了方法,此處記錄一下,以防遺忘。vtk場景中的背景色可通過新增的renderer來 設定。vtk的繪製過程網上有一堆資料,此處只記錄背景色設定部分。renderer setbackground 1.0,1.0,1.0 設定頁...