1.線性漸變（Linear Gradients）- 向下/向上/向左/向右/對(duì)角方向
div {
background-image: linear-gradient(#e66465, #9198e5);
}
div{
height: 200px;
background-image: linear-gradient(to right, red , yellow);
}
- 對(duì)角：指定水平和垂直的起始位置來制作一個(gè)對(duì)角漸變
div{
height: 200px;
background-image: linear-gradient(to bottom right, red, yellow);
}
/*從左上角到右下角的線性漸變*/
2.徑向漸變（Radial Gradients）- 由它們的中心定義
- 創(chuàng)建一個(gè)徑向漸變央勒，至少要定義兩種顏色結(jié)點(diǎn)诫咱。同時(shí)雏门，也可以指定漸變的中心、形狀（圓形或橢圓形）蝗锥、大小。默認(rèn)情況下，漸變的中心是 center（表示在中心點(diǎn)）厅各，漸變的形狀是 ellipse（表示橢圓形），漸變的大小是 farthest-corner（表示到最遠(yuǎn)的角落）预柒。
- 均勻分布（默認(rèn)）
div{
background-image: radial-gradient(red, yellow, green);
}
div{
background-image: radial-gradient(red 5%, yellow 15%, green 60%);
}
- 設(shè)置徑向漸變的形狀:shape 參數(shù)定義了形狀队塘。它可以是值 circle（圓形） 或 ellipse（橢圓形-默認(rèn)值）。
div{
background-image: radial-gradient(circle, red, yellow, green);
}
