CSS3文字渐变色设置

在项目中如果需要使用到渐变色的文字，可以用下面的方法

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

注：如果同时设置 text-fill-color和color属性，那么前者将覆盖后者的效果。
实现效果（耗时中的数字就是渐变字体）：