用css实现文字字体颜色渐变

background-clip 是CSS3中新增的属性，可以用于指定背景图片或颜色的绘制范围。利用 background-clip 属性实现文字颜色从左到右、从绿到白的渐变效果：

代码如下：

.gradient-color {background-image: linear-gradient(to right, green, white);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

渐变效果如下：