给博客添加炫酷流光文字CSS代码

我更新的动力 - 源自您的关注。

------正文内容展示，开始汲取新知识啦------

温馨提示：本文最后更新于2024-04-24 16:00:22，某些文章具有时效性，若有错误或已失效，请在下方留言。

彩色流光文字HTML代码，添加到要展示的位置，在添加css就行了。

<div class="text-style-1">
恬集社
</div>

css代码

@keyframes text-style-1 {
0% {
background-position: 0 0;
}
100% {
background-position: -100% 0;
}
}
.text-style-1 {
font-size: 30px;
background-image: linear-gradient(to right, red , yellow, green, yellow, red);
background-clip: text;
-webkit-background-clip: text;
background-size: 200% 100%;
color: transparent;
animation: text-style-1 2s infinite linear;
}

------本文内容已结束，喜欢请分享------

感谢您的访问，Ctrl+D收藏本站吧。

五月 20

恬集社的今时往日

吼吼~~~，往年的今天博主不知道跑哪里偷懒去了~~~

1 如果您喜欢本站, 点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：下载帮助 | 报毒说明 | 进站必看 | 广告合作；
3 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责；
4 本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负；
5 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理；
6 如若转载，请注明文章出处：

THE END