css3 顏色 背景 漸變

2021-06-20 08:25:23 字數 746 閱讀 5269

漸變放在 css裡的語句 一定要按這個順序排,才不會出錯。

否則 有的瀏覽器會不正常,今天本來調好了,發現ie9不行,搞了半天不行,崩潰了   最後準備還是使用背景算了

最後一次 測試, 終於搞定

background: -moz-linear-gradient(top, #fefefe, #d3ecff); /* moz火狐 top , left top ,三種型別 。過渡顏色可以多個 */

background: -webkit-gradient(linear, 0% 20%, 100% 100%, from(#fefefe), to(#d3ecff)); /*webkit chrome*/

background: -o-linear-gradient(top, #fefefe, #d3ecff); /*opera*/

background: linear-gradient(to bottom, #fefefe, #d3ecff); /*ie10*/

-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#fefefe, endcolorstr=##d3ecff)"; /*ie8+*/

filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#fefefe, endcolorstr=#d3ecff); /* ie9*/

CSS3背景顏色漸變效果

1 firefox瀏覽器 background image moz linear gradient top eef9fe,d1ecff 2 safari chrome瀏覽器 background image webkit gradient linear,50 0 50 100 from eef9fe...

CSS3實現背景顏色漸變

css漸變色概念 css漸變色 gradients 能讓我們用一種顏色漸變的效果修飾乙個空間 從一種顏色過渡到另外一種顏色 填充這個空間。漸變色有兩個形式 linear 線性漸變 和radial 環形漸變 很顯然css漸變色 gradients 技術是產生了一種視覺圖案效果,而實現這種視覺效果很簡單...

CSS3實現背景顏色漸變 摘抄

一.webkit瀏覽器 1 第一種寫法 background webkit gradient linear 10 10 100 100 color stop 0.14,rgb 255,0,0 color stop 0.5,rgb 255,255,0 color stop 1,rgb 0,0,255 ...