// 從左到右的漸變效果 顏色可設定雙色 百分比可不要
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...