CSS3j背景漸變,字型顏色漸變,以及相容IE寫法

2022-07-29 03:00:15 字數 584 閱讀 2719

一、背景漸變

#grad

漸變路徑預設是從上到下,也可以指定路徑:

//從左到右

#grad

//從左上角到右下角

#grad

注:低版本ie不支援css3的漸變,可以通過濾鏡來實現漸變效果

filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#ff0000',endcolorstr='#f9f900',gradienttype='0'); 

引數:startcolorstr起始顏色 endcolorstr結束顏色 gradienttype為0時代表垂直,為1時代表水平

二、文字漸變

html**:

第一種方法:

span

第二種方法:

.text-gradient ;

css3 顏色 背景 漸變

漸變放在 css裡的語句 一定要按這個順序排,才不會出錯。否則 有的瀏覽器會不正常,今天本來調好了,發現ie9不行,搞了半天不行,崩潰了 最後準備還是使用背景算了 最後一次 測試,終於搞定 background moz linear gradient top,fefefe,d3ecff moz火狐 ...

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 技術是產生了一種視覺圖案效果,而實現這種視覺效果很簡單...