.gradient-text {
background-image: linear-gradient(to right, #833ab4, #fd1d1d,#fcb045);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
在上面的示例中，我们将linear-gradient()函数应用于background-image属性，然后将background-clip属性设置为文本和文本填充色属性，以透明。这告诉浏览器将梯度应用于文本本身，并使文本颜色透明，以使梯度通过。
您实际上可以通过其他几种方式在HTML中创建渐变文本。
查看有关gradient text
的完整文章