css字体颜色渐变

效果图如下：

总的来说还行，比较简单的代码

.font-color {
    background: linear-gradient(to top, #ffba31, #FFD392, #FDF7EE);
    -webkit-background-clip: text;
    color: transparent;
  }

linear-gradient的参数to top 控制后面的颜色顺序，从下往上渐变，当然你也可以让它从下往上渐变,to bottom 

主要就是后面那几个参数，你想怎么搭配怎么来，哈哈哈，可以玩一下