总共有三种方法可以实现文字渐变色，我只用过第一种

    1. background-cli、 text-fill-color
      1. .header_subTitle {
      2.  font-size: 45px;
      3.  position: relative;
      4.  background: linear-gradient(180deg, #F2FCA8 0%, #E4EB27 100%);
      5.  -webkit-background-clip: text;
      6.  -webkit-text-fill-color: transparent;
      7. }

      首先把背景颜色改为渐变色 -webkit-text-fill-color：用透明色填充文本（注：这里如果不是透明色就没法剪裁背景色进行填充） -webkit-background-clip：以文字范围剪裁背景颜色，然后填充文本

    前端一点红的博客