汇聚访-汇聚访-第3页
汇聚访的头像-汇聚访
UID:1 已加入汇聚访193天 总消费:0 河南省漯河市管理员
2025-10-06
10-06
子比主题 – 文章后渐变通知栏美化-汇聚访

实用子比主题 – 文章后渐变通知栏美化

这是一款给子比主题文章后面增加一个渐变通知栏的样式美化效果,原为腾飞发出来的,今天在这里分享给大家,代码部署起来也比较容易,大家如果有需要的有喜欢的自行部署即可! 演示效果: 代码部署: [hidecontent type="reply"] 定位:子比主题–>>文章&列表–>>文章页面–>>在文章内容后-插入内容,将下面的代码放里面即可! /*汇聚访:www.huijuf.com*/ <style> .custom_notice_banner_wrapper_20240712{width:100%;display:flex;flex-direction:column;gap:15px;margin:20px 0;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.custom_notice_banner_20240712{width:100%;height:50px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 20px rgba(0,0,0,0.15);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:1px solid rgba(255,255,255,0.2)}.custom_notice_banner_20240712:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 25px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.4)}.custom_notice_banner_content_20240712{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative;z-index:5;padding:0 20px}.custom_notice_banner_icon_20240712{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.25);backdrop-filter:blur(5px);margin-right:15px;color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:custom_notice_banner_pulse_20240712 2s infinite}.custom_notice_banner_text_20240712{color:white;font-size:16px;font-weight:500;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,0.2);letter-spacing:1px;background:rgba(255,255,255,0.1);padding:6px 15px;border-radius:20px;backdrop-filter:blur(5px)}.custom_notice_banner_20240712.purple_gradient{background:linear-gradient(-45deg,#9c27b0,#673ab7,#3f51b5,#e040fb,#9c27b0);background-size:400%...
热评