background-image: -webkit-linear-gradient( ); //设置颜色与渐变方向
-webkit-background-clip: text; //主要用于剪掉文字以外的区域。
-webkit-text-fill-color: transparent;//设置文本的填充颜色。
注：如果同时设置 text-fill-color和color属性，那么前者将覆盖后者的效果。
下面是一个demo
效果
