效果如图:
![](https://img-blog.csdnimg.cn/img_convert/7a291dec392f0ddddd2062831f1e12f5.png)
.text-class {
text-align: left;
font-size: 36px;
font-weight: bold;
line-height: 36px;
background-image: linear-gradient(#19f7ff 0%, #19a2ff 100%);// 使用该属性进行渐变
-webkit-background-clip: text;
color: transparent;//默认颜色设置透明
background-clip: text;
padding-right: 25px;
}