<text-color style="font-size:80px; font-weight: bold;">瓜皮之牙</text-color>

<!-------------文本渐变色---------------->
<style>
/* 创建渐变背景 */
text-color {
background: linear-gradient(to right, #6C0DD4, #2046CD, #146BC3, #0989BA, #01A1B3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<!-------------文本渐变色---------------->

我们也可以换个渐变的角度方向，将 to right 换成 45deg 即可。

表示渐变方向为斜角 45 度。