css顏色逐漸過渡消失 linear-gradient

#### 漸變背景樣式

CSS樣式解釋

/* 該樣式定義了一個從上到下的線性漸變，從完全透明的黑色漸變到完全不透明的黑色 */
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));

/* 這是上述樣式的另一種寫法，其中180deg表示方向從上到下。從完全透明的黑色漸變到80%不透明的黑色 */
background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);

/* 此樣式定義了一個從上到下的復雜線性漸變，從不同的顏色和透明度開始和結束 */
background: linear-gradient(180deg, #E3F8FD 0%, #E1F7FE 13%, #DEF3FE 28%, #DFF2FE 41%, #E8F0FE 55%, #FAF8FE 90%, rgba(251, 249, 255, 0) 100%);

`linear-gradient`函數用於創建一個線性漸變，其中可以指定方向和多個顏色停點。