css 文字渐变

效果如图

代码如下：

background: linear-gradient(
            to bottom,
            #ffffff 0%,
            #ffffff 45%,
            #389df5 100%
          );
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;

从白到蓝色渐变，0%~45%的目的是为了让文字更白更亮一点，如果从0%~100%渐变，文字会变得发灰。

可以任意改变方向和颜色。

最好单独给文字设置标签，不然容易影响设置背景色。