css設定背景色漸變

2022-07-23 03:54:15 字數 1382 閱讀 9931

//瀏覽器字首

background: linear-gradient(red, blue);

background: -webkit-linear-gradient(red, blue);

background: -o-linear-gradient(red, blue);

background: -moz-linear-gradient(red, blue);

to top :顏色從下往上漸變:

background:-webkit-linear-gradient(to top, red, blue);

background:linear-gradient(to top,red,blue);

to bottom :顏色從上往下漸變:

background:-webkit-linear-gradient(to bottom, red, blue);

background:linear-gradient(to bottom,red,blue);

to left :顏色從右往左漸變

background:-webkit-linear-gradient(to left, red, blue);

background:linear-gradient(to left,red,blue);

to right :顏色從左往右漸變:

background:-webkit-linear-gradient(to right, red, blue);

background:linear-gradient(to right,red,blue);

to right :顏色從左往右漸變:

background:-webkit-linear-gradient(to right, red, blue);

background:linear-gradient(to right,red,blue);

to bototm right :顏色從左上角度到右下角漸變:

background:-webkit-linear-gradient(to right, red, blue);

background:linear-gradient(to right,red,blue);

to top left :顏色從右下角度到左上角漸變:

background:-webkit-linear-gradient(to right, red, blue);

background:linear-gradient(to right,red,blue);

VTK設定漸變背景色效果

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

css 背景色漸變相容寫法

css3 linear gradient 比如 黑色漸變到白色,如下 gradient 說明 linear gradient 具體用法。ie 濾鏡 filter linear gradient 在 ie9 以下是不支援的,所以對於 ie6 ie8 我們可以使用濾鏡來解決,如下 gradient 由於...

css 背景色透明並且漸變

在工作中遇見了乙個問題,給文字加背景色並且顏色漸變,而且相容ie8,查了很久的資料,沒有完美的解決這個問題,最終是換成了背景圖,真是最簡單有效的做法了。所以如果遇見相同的問題,建議直接換成背景圖。效果圖如下 如果不需要相容到ie9及以下,可以用以下方法處理 background 000 backgr...