#01. CSS 線性漸變linear-gradient
請(qǐng)注意即使是通過(guò)漸變生成的背景，其本質(zhì)還是屬于背景圖片而不是背景顏色互妓，本文中采用的簡(jiǎn)寫背景屬性
background: linear-gradient是（正確）background-image: linear-gradient 簡(jiǎn)寫，而非（錯(cuò)誤）background-color: linear-gradient
#02. 顏色昌粤，位置
linear-gradient(red 0 20%, blue 80% 100%) // 0 到20% 為紅色，
20% 到80% 為漸變過(guò)度，80% 到100% 為藍(lán)色
background-image: linear-gradient(red 20%, blue 80%); // （顏色在前闺阱，位置在后）
相當(dāng)于：background-image: linear-gradient(red 0 20%, blue 80% 100%); // 默認(rèn)省略最前的0，與最后面的100%
#03. 使用角度舵变，方向
to top -> 0deg // 從下到上
to right -> 90deg
to bottom -> 180deg
to left -> -90deg(或270deg)
to top left -> -45deg(或315deg) // 從右下角到左上角
to top right -> 45deg
to bottom left -> -135deg(或225deg) // 從右上角到左下角
to bottom right -> 135deg
background-image: linear-gradient(45deg,red,blue); // 從左下角到右上角
#04. 多個(gè)連續(xù)配置
background-image: linear-gradient(45deg, #e66465 25%, transparent 25%), linear-gradient(-135deg, #e66465 25%, transparent 25%), linear-gradient(135deg, #e66465 25%, transparent 25%), linear-gradient(-45deg, #e66465 25%, transparent 25%); // 可以同時(shí)使用多個(gè)配置
引用：
從零開(kāi)始學(xué)習(xí)CSS線性漸變（linear-gradient） - 小澤筆記 (cssaaa.com)
深入理解CSS線性漸變linear-gradient - 小火柴的藍(lán)色理想 - 博客園 (cnblogs.com)
