本文是《教程大全(共16篇)》专题的第 8 篇。阅读本文前,建议先阅读前面的文章:
转载:7b2美化-导航菜单添加彩色渐变文字 – 木子资源屋 (muziz.cn)
以下代码放到你的菜单
<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
}
您已阅读完《教程大全(共16篇)》专题的第 8 篇。请继续阅读该专题下面的文章:
声明:本站资源大多来自于网络,侵权联系删除!资源请放心购买,如果长时间资源失效,本站100%予以退款处理!客服手机端底部,PC段右下位置!
跌落谷底之后,唯有向上攀爬。