.title { font-family: 'Electronic'; font-size: 1.5em; /* 背景渐变 */ background: linear-gradient(90deg, #114357 0%, #F29492 100%); /* 元素背景延伸到文本 */ -webkit-background-clip: text; /* 文本字符填充颜色透明 ,让文字透明,就能填充上*/ -webkit-text-fill-color: transparent; }
tip:在需要使用的地方引入即可
原理:背景渐变,再让文字透明,背景延伸至文字