移動端背景漸變，非常的年輕，符合90後年輕一代的審美，css3的這個漸變目前主要是應用在手機前端領域。
產品設計中使用漸變色的好處：
1：觀眾不至於眼睛過於疲勞（如果是淺色背景，3個小時下來極容易造成觀眾閉上眼睛還有殘影，眼睛會極度疲勞）。
2：優雅而低調的深淺色調:
3：純色單調 漸變色一是色彩不單調 二是在有限空間內盡可能製造空間感
4：稍微加點漸變可以讓純色層顯得更細膩，不那麼單調。畫面顯得更豐富。
**如下，非常簡單
新的梯度漸變語法，新的語法包含四個漸變函式：
linear-gradient()： 線性梯度漸變
radial-gradient()： 徑向梯度漸變
repeating-linear-gradient()：重複梯度漸變
repeating-radial-gradient()：色站
移動開發之css3實現背景漸變效果title>
css3實現背景漸變
一 線性漸變 詳細 在css3中，可以使用 linear gradient實現背景線性漸變。linear gradient to left right top bottom 在ff瀏覽器時需要將樣式 書寫成 moz linear gradient chrome瀏覽器時需要寫成 webkit line...
CSS3之背景縮放
背景縮放 css3 通過background size設定背景的尺寸，就像我們設定img的尺寸一樣，在移動web開發中做螢幕適配應用非常廣泛。其引數設定如下 a 可以設定長度單位 px 或百分比 設定百分比時，參照盒子的寬高 b 設定為cover時，會自動調整縮放比例，保證始終填充滿背景區域，如有溢...
CSS3動畫實現背景滾動
當上面的太複雜時，還可以簡寫animation屬性 商字首 animation 自定義動畫名 30ms ease in 1 alternate 5s backwords 再對照上面的屬性來看一下。這些順序不可以顛倒 下來就是實戰了。定義乙個背景，使其無限滾動 background webkit ke...