7b2美化-导航菜单添加彩色渐变文字

7b2美化-导航菜单添加彩色渐变文字


示例查看本站

以下代码放到你的菜单

<span class="meihua">你的菜单名称</span>

以下代码放入css样式

.meihua {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@media (max-width:768px) {
	span.ua-info {
		display: none
	}
	.comment-author .user-title {
		width: 40% !important
	}
}
.comment-author .user-title {
	font-size: 13px;
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@keyframes text {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -150% 0
	}
}
.b2-qr-code-fill {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}

 

本文来自:小狐狸资源网

声明:本站部分文章来源于网络,如有危害到您的合法权益请联系客服
温馨提示:本站提供的一切软件、教程和内容信息都来自网络收集整理,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,版权争议与本站无关。用户必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件【 lrzy8@qq.com 】与我们联系处理。敬请谅解!

给TA打赏
共{{data.count}}人
人已打赏
Wordpress

7b2美化-首页背景自动换图搜索框

2025-7-28 21:35:03

Wordpress

7b2美化-导航菜单添加彩色角标

2025-7-28 21:35:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索