css3 漸變怎麼做?css中,如何做出這種漸變

2025-06-22 06:15:26 字數 2044 閱讀 5235

1樓:♂凡鳥

chrome/safari等:

語法 */

webkit-gradient(,

實際用法。/

background: -webkit-gradient(linear,00,0100%, from(red), to(blue));

火狐:/* 語法*/

moz-linear-gradient([|

實際用法*/

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

css中,如何做出這種漸變

2樓:網友

html5可以做到,但是瀏覽器支援不一樣,目前不建議使用。

background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8fb100), color-stop(1, #8fb133));

類似這種寫法。

3樓:蘭亭幽草

css3中有辦法寫出來的,但是相容性有問題,建議還是寫成一條線,用 背景**來做,**repeat-x

4樓:匿名使用者

或許css3可以做,不過我一般是截成(xx px)*(1 px)的矩形長條在背景中使用重複屬性已達到上述圖示效果。

5樓:初吻獻給黨

不能做出來! 只能放背景圖!

css 如何實現 顏色的漸變??

6樓:幻翼高達

2、在中的標籤中,輸入css**:

div3、瀏覽器執行頁面,此時td中的div的背景顏色從紅色到白色漸變。

7樓:du瓶邪

在mozilla 下。

background: -moz-linear-gradient( top,#ccc,#

引數說明。1,起點位置top 是從上到下,left是從左到右,left top是左上到右下。

2,開始顏色,3,結束顏色。

在webkit下。

webkit-linear-gradient(top,#ccc,#

引數與mozilla一致。

在 opera 下。

background: -o-linear-gradient(top,#ccc, #

數與mozilla一致。

8樓:網友

css3支援顏色漸變,但目前主流瀏覽器對css3支援都不完全,甚至不支援。

所以你可以使用背景**來做,你要豎向漸變,可以將**切成寬1px的背景,然後設定這個div的背景平鋪。如:background:url( left right repeat-x;

9樓:焰火月

css3標準裡可以實現背景色漸變、圓角邊框的語句\

目前不支援這樣的語句,要實現真得用js

10樓:網友

濾鏡可以做,不過相容性只有ie支援。

11樓:網友

js實現,要不然你就弄一張你所想的效果的背景**。

css3中如何實現漸變效果

12樓:純潔的小樹

css3裡面的線性漸變:linear-gradient1、語法。

2、引數。第乙個引數省略時,預設為「180deg」,等同於「to bottom」。

第二個和第三個引數,表示顏色的起始點和結束點,可以有多個顏色值。

例如:background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);

該屬性已經得到了 ie10+、 和 等瀏覽器的支援。

如何利用css3運用徑向漸變製作乙個小球

13樓:網友

給你個案例,自己看看。

CSS3怎麼做出過渡漸變效果,CSS3樣式中如何讓背景漸變與背景圖片共存?

transition的語法 transition transition property transition duration transition timing funciton transition delay 其引數的取值說明如下 定義用於過渡的屬性 定義過渡過程需要的時間 必選,否則不會產...

3秒滾動一次,且無縫迴圈滾動,用css3怎麼實現

如果你只想使用css3來實現輪播,你就只有通過定位來控制每張 的位置,使用animate動畫來實現輪播 animate 3s linear 0s normal alternate webkit animate 3s linear 0s normal alternate css3 實現動畫效果,怎樣使...

在PS中怎麼做炫的漸變?

怎麼看不到圖呢,小龍!ps怎麼做漸變色 設定漸變色先設定不同得前景色與背景色,然後在工具欄中選擇 漸變工具 用漸變工具在需要設定漸變色的地方橫著或豎著畫一條線即可漏襲虧新增漸變色。例 開啟ps,新建乙個畫布,大小自定義。 選擇這個文字,右擊將文字圖層轉換為 柵格化文字 然後選擇文字部分。這裡可以選擇...