css渐变字体设置

background-image: -webkit-linear-gradient(top, #a80b02, #ff3b30); //设置颜色与渐变方向
background-clip: text;
-webkit-background-clip: text; //主要用于剪掉文字以外的区域。
-webkit-text-fill-color: transparent;//设置文本的填充颜色。

效果：


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