css实现渐变色字体

h1 {
  font-family: Arial Helvetica, sans-serif;
  font-size: 250%;
  background-image: linear-gradient( 135deg, #EE9AE5 10%, #5961F9 100%);
  color: transparent;
  -webkit-background-clip: text;
}

先设置一个渐变色的背景，然后将字体设置为透明色，在加上一句

-webkit-background-clip: text;

因为带webkit前缀所以只能在响应内核的浏览器中正常显示

效果如下