给博客添加炫酷流光文字CSS代码 - 源码专区|www.budog.net

不懂 › 不懂就下 › 源码专区给博客添加炫酷流光文字CSS代码

返回列表显示全部楼层 |倒序浏览 |阅读模式

3934 主题	3935 帖子	1万积分

论坛元老

Rank: 8 Rank: 8

积分: 13110

发消息

给博客添加炫酷流光文字CSS代码[复制链接]

发表于 2023-11-27 16:09:56 | 显示全部楼层 |阅读模式

彩色流光文字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;
}

16095773729[下载].rar

background, text, 添加, 代码

相关帖子