参考 https://www.cnblogs.com/ypppt/p/13334613.html
我设置的第一种
网上说的
.gradient-text-one{
background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}.gradient-text-two{
color:red;}.gradient-text-two[data-content]::after{ content:attr(data-content); display: block; position:absolute; color:yellow; left:0; top:0; z-index:2; -webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(yellow), to(rgba(0, 0, 255, 0)));}原文：https://www.cnblogs.com/wdd-cindy/p/14865523.html