如何用 CSS 实现字体渐变效果？

如何用 CSS 实现从上向下渐浅的水平渐变色？

总结：使用mask-image垂直渐变遮罩来控制背景水平渐变的透明度。

遮罩图像：线性渐变（底部，000000，透明）； 背景图像：线性渐变（右，1 d7 7 f5 ，5 1 dd9 0，7 6 d8 7 6 ）；
兼容性：-webkit-mask-image 与 Chrome/Safari 兼容。
Mask-Image 与 Firefox 兼容。

调整：-变化由下而上逐渐缓和。
从右到左改变，从右到左渐变。

注意：背景颜色默认为白色，也可以单独设置element{background-color:ff}。

就是这样。