css
/* 定义渐变背景样式 */
.gradient-text {
background-image: linear-gradient(to right, #ff0000, #00ff00); /* 渐变色范围 */
background-clip: text; /* 应用渐变背景到文本 */
-webkit-background-clip: text; /* Safari 和 Chrome 的前缀 */
color: transparent; /* 将文本颜色设为透明 */
}
css
background-image: linear-gradient(to right, #ff0000, #00ff00);
background-clip: text;
-webkit-background-clip: text;
color: transparent;