css文字的渐变色设置

  background-image: -webkit-linear-gradient( ); //设置颜色与渐变方向

  -webkit-background-clip: text; //主要用于剪掉文字以外的区域。

  -webkit-text-fill-color: transparent;//设置文本的填充颜色。

注：如果同时设置 text-fill-color和color属性，那么前者将覆盖后者的效果。

下面是一个demo

效果