css 按鈕顏色漸變效果

2021-10-13 13:07:08 字數 919 閱讀 9995

// 從左到右的漸變效果 顏色可設定雙色 百分比可不要

background:

-moz-linear-

gradient

(left, #ffb9da0%

, #ff98c750%

, #ffffff 100%)

; background:

-webkit-linear-

gradient

(left, #ffb9da0%

, #ff98c750%

, #ffffff 100%)

; background:

-o-linear-

gradient

(left,#ffb9da0%

, #ff98c750%

, #ffffff 100%)

; background:

-ms-linear-

gradient

(left, #ffb9da0%

, #ff98c750%

, #ffffff 100%)

; background: linear-

gradient

(left, #ffb9da0%

, #ff98c750%

, #ffffff 100%)

;

從左到右的漸變效果

在方向前加to可實現反向漸變的效果

background: linear-

gradient

(to left, #ffb9da

, #ff98c7

,#ffffff

);

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...

css顏色漸變

華麗麗的分割線 123 用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...

css 顏色漸變

漸變可以建立類似於彩虹的效果,低版本的瀏覽器不的不使開發者用來實現,css3將會輕鬆實現網頁漸變效果。要得上面的線性漸變效果,我們這樣去定義css3樣式 background image moz linear gradient top,8fa1ff,3757fa firefox background...