切换风格

默认晚霞 雪山 粉色心情 伦敦 花卉 绿野仙踪 加州 白云 星空 薰衣草 城市 简约黑色 简约米色 龙珠
回复 0

3943

主题

3944

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
13141
给博客添加炫酷流光文字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

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|不懂 ( 粤ICP备14042591号-1 )|网站地图

GMT+8, 2024-11-25 10:22 , Processed in 0.109409 second(s), 31 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

返回顶部