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`函数用于创建一个线性渐变，其中可以指定方向和多个颜色停点。