汇聚访-汇聚访-第3页
汇聚访的头像-汇聚访
UID:1 已加入汇聚访241天 总消费:0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
2025-11-19
11-19
子比主题 – 侧边介绍跳转样式代码-汇聚访

实用子比主题 – 侧边介绍跳转样式代码

这是一款子比主题的侧边介绍跳转样式代码,主要依赖的是星河主题的侧边小工具样式,这里简单测试了一下没有什么问题,同时夜间模式看起来也不突兀,这款是腾飞仿的,没写成可视化的小工具,目前只有代码,喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 将下面的代码放到:WP后台–>>外观–>>小工具–>>自定义HTML即可! <style> .block-introduction{width:100%;max-width:900px;border-radius:16px;overflow:hidden;position:relative;z-index:1;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.block-introduction::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);z-index:-1;border:1px solid rgba(255,255,255,0.18);box-shadow:0 8px 32px rgba(31,38,135,0.1)}.wp-block-meteor-introduction-block{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;padding:25px 35px;position:relative;overflow:hidden}.wp-block-meteor-introduction-block::before{content:"";position:absolute;top:-20%;right:-10%;width:30%;height:60%;background:radial-gradient(circle,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 70%);transform:rotate(30deg)}.wp-block-meteor-introduction-block p:first-child{font-size:15px;line-height:1.6;margin-bottom:15px;position:relative;font-weight:300;letter-spacing:0.3px}.wp-block-separator{border:none;height:1px;margin:15px 0;position:relative}.wp-block-separator::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0) 100%)}.wp-block-meteor-introduction-block p:last-child{font-size:14px;text-align:center;position:relative;font-weight:500;letter-spacing:0.5px;margin-top:5px}.wp-block-meteor-introduction-block p:last-child a{color:#fff;text-decoration:none;position:relative;padding:0 2px}.wp-block-meteor-introduction-block p:last-child a::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:rgba(255,255,255,0.7);transform:scaleX(0);transform-origin:right;transition:transform 0.3s ease}.wp-block-meteor-introduction-block p:last-child a:hover::after{transform:scaleX(1);transform-origin:left}@media (max-width:768px){.wp-block-meteor-introduction-block{padding:20px...
11天前
热评