background-image:repeating
-linear
-gradient(to top,#f9f9f9,#f9f9f9
29px,#ccc
30px);//重複線性漸變
background-image:repeating
-radial
-gradient(red,green 40px, orange 80px);//重複徑向漸變
技巧：通過重複線性漸變製作紙張背景效果，再使用before偽類來模擬紙張的豎線條紋！但還需要另乙個屬性background-size，用來指定背景影象的大小為100% 30px。儘管css3漸變顯示的是顏色，實際上他是一張影象而不是顏色。
css3
html,
body
body
/*偽類製作豎線*/
詳解CSS3漸變（線性和徑向）
css3漸變分為線性漸變和徑向漸變，先來說說比較簡單的線性漸變。css3的線性漸變和設計軟體中的漸變工具沒什麼區別，都是指定乙個漸變的方向，起始顏色，結束顏色，當然，起始顏色和結束顏色中間還可以新增其他顏色，也就是說漸變色可以是多種，而不僅僅是兩種顏色之間的漸變。w3c標準線性漸變語法如下 line...
css3 線性漸變和徑向漸變
線性漸變 ie6以下不相容 徑向漸變 只支援firefox chrome和safari 注意 background image 可以寫 background 我自己在網頁中寫的徑向漸變相容 firefox chrome ie10 ie10 safari background image老式寫法 相容...
CSS3 11 漸變 線性漸變 徑向漸變
漸變是css3當中比較豐富多彩的乙個特性，通過漸變我們可以實現許多炫麗的效果，有效的減少的使用數量，並且具有很強的適應性和可擴充套件性。可分為線性漸變 徑向漸變1.linear gradient線性漸變指沿著某條直線朝乙個方向產生漸變效果 a 語法 linear gradient b 引數說明 第乙...