vue项目：背景颜色、下划线从左到右渐变动画效果，如何快速的开发一个完整的直播web

}

.cnm {

transform: scaleX(1) !important;

}

.text {

background-image: -webkit-linear-gradient(left, #f8e9de, #f5b587, #ff6a00);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-weight: 800;

}

/* ------------------以上为主要代码控制动画--------------------------- */

p {

margin: 0;

padding: 0;

}

.box1 {

width: 100px;

margin: 20px 0;

text-align: center;

}

section {

width: 400px;

display: flex;

justify-content: center;

border: 1px dashed #ff6a00;

}

.box2 {

width: 95%;

text-align: center;

font-size: 30px;

font-weight: 800;

line-height: 266px;

}

{{item.name}}

{{index+1}}