css中文字渐变和背景渐变中的方向

1.文字线性渐变

            background: linear-gradient(180deg, #00A1FF 0%, #00F3F9 100%);;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;

2. 背景线性渐变中的方向表示

linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。
创建一个线性渐变，需要指定两种颜色，还可以实现不同方向（指定为一个角度）的渐变效果，如果不指定方向，默认从上到下渐变。

有时候要用到从左到右的渐变效果

  .test{
            width: 400px;
            height: 200px;
            /* 从左边开始的线性渐变，起点是红色，慢慢过渡到黄色 */
            background: linear-gradient(to right,red,yellow);
        }