CSS3線性漸變/徑向漸變

CSS3線性漸變/徑向漸變

linear-gradient(color1, color2, ...);（默認從上到下，可設置多個顏色）
從color1過渡到color2
標準寫法background: linear-gradient(to right, color1, color2, color3, ...);
控制顏色的比例background: linear-gradient(to top, color1, color2 20%, color3 50%, ...);
使用角度（默認從下到上），隨着角度增長順時針改變background: linear-gradient(30deg, color1, color2, ...);
重複線性漸變repeating-linear-gradient();用這個函數的時候優先執行顏色比例
徑向漸變bakcground:radial-gradient(circle, color1, color2, color3, ...);
第一個參數定義形狀，也能夠是兩個百分數第一個表示X軸，第二個表示是Y軸，這樣就能夠自由設置形狀，徑向漸變一樣能夠控制顏色比例
重複徑向漸變repeating-radial-gradient();