个人技术分享

定义一个类

.text-color{
    
     /* 创建一个水平方向的颜色渐变 */
    background: linear-gradient(120deg, #bd34fe 30%,#5c34fe, #41d1ff);
    /* 将文本透明度设置为0，以便背景渐变可见 */
    color: transparent;
    /* 使用背景渐变来填充文本背景 */
    -webkit-background-clip: text;
    background-clip: text;
}

使用这个类

<div class="text-color">这是一段可以变色的文本</div>

效果