CSS3 Gradient 分為線性漸變(linear)和徑向漸變(radial)。由于不同的渲染引擎實現漸變的語法不同，這里我們只針對線性漸變的 W3C 標準語法來分析其用法，其余大家可以查閱相關資料。W3C 語法已經得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等瀏覽器的支持。
這一小節我們來說一下線性漸變：
參數：
第一個參數:指定漸變方向，可以用“角度”的關鍵詞或“英文”來表示：
（單擊圖片可放大）
第一個參數省略時，默認為“180deg”，等同于“to bottom”。
第二個和第三個參數，表示顏色的起始點和結束點，可以有多個顏色值。
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
效果圖：
在下列代碼中的第14行，為文字段落添加從右下角向左上角的線性漸變背景
表示“角”的關鍵詞是否書寫正確
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報
