線性漸變
放射性漸變
語法：linear-gradient(to bottom,colorstrat,colorend)
引數含義：
第乙個引數指定 漸變的方向
to bottom 從上至下；
to bottom right 從左上至右下；
to right 從左至右；
to up right 從左下至右上；
to up 從下至下；
to up left 從右下至左上；
to left 從右至左；
to bottom left 從右上至左下
第二個引數 指定漸變色的開始顏色
第三個引數 指定漸變色的結束顏色
設定偏移量
放射性漸變
background:radial-gradient([direction],color1,color2);
background-image: radial-gradient([direction],color1,color2);
第乙個引數可選 ；指定擴散方向
可設定如下選項指定漸變尺寸：
小應用：製作水晶按鈕
background: -webkit-linear-gradient(top, #83c9fd, #0c9fe8 50%, #1979a8 50%,#0c8ae8 );
css實現背景漸變色效果
webkit核心的瀏覽器，例如 chrome，safari等 background webkit gradient linear,0 0,0 100 from 000000 to ffffff 第乙個引數表示漸變型別 type 可以是linear 線性漸變 或者radial 徑向漸變 第二個引數和第...
背景及漸變色
範圍內平鋪 background repeat repeat x 橫行平鋪一行 background repeat repeat y 豎向平鋪一列 background repeat no repeat 無平鋪效果 背景相關的所有屬性都寫在一行 background red url image do...
CSS樣式 漸變色
background linear gradient 實現漸變色，這裡使用background屬性中的linear gradient 線性漸變 值 這都好理解，就後面這個值的屬性不好理解。首先，第乙個值是angle或者point，也就是角度或者方向。意思你要實現從什麼到什麼的漸變色。單位為deg d...