CSS实现文字炫彩渐变

首页前端技术 CSS实现文字炫彩渐变

CSS实现文字炫彩渐变

2023年01月04日 07:45 · 前端技术 · 阅读 137

先看效果

再看代码：

HTML">

<p>实现中华民族的伟大复兴</p>

CSS">

p{
    color                  : #313131;
  font-size:30px;
  vertical-align         : middle;
  background             : linear-gradient(to right, rgb(230, 20, 90), rgb(0, 175, 255), rgb(230, 20, 90));
  -webkit-background-clip: text;
  /*背景颜色以文本方式剪切*/
  -webkit-text-fill-color: transparent;
}
}

修改上述linear-gradient的颜色可以修改渐变效果