彩虹文字CSS代码

发布于 2022-03-19  270 次阅读


本文最后更新于2022年5月1日,已超过 30 天没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
/*彩虹文字*/
{
padding-top: 3px;
background-image: linear-gradient(
  to left,
  orangered,
  orange,
  gold,
  lightgreen,
  cyan,
  dodgerblue,
  mediumpurple,
  hotpink,
  orangered
);
background-size: 110vw;
-webkit-background-clip: text;
background-clip: text;
color: transparent!important;
-webkit-animation: rainbowan 60s linear infinite;
animation: rainbowan 60s linear infinite;
}
@-webkit-keyframes rainbowan {
to {
  background-position: -2000vw;
}
}
@keyframes rainbowan {
to {
  background-position: -2000vw;
}
}

自己添加想要彩色文字的标签在第二行代码最前面,然后保存在主题 style.css 最底部即可,效果可以看我下面 版权信息 的链接网址。