子比主题 – 菜单文字下波浪美化

admin WordPress

2025-08-29 0 517

这是一款给子比主题菜单文字添加交互性波浪下划线效果，仅在菜单处于 “当前选中” 或 “鼠标悬浮” 状态时触发，提升页面导航的视觉层次感与用户交互体验，喜欢的自行部署吧

效果图：

部署教程：

[hidecontent type=”reply” desc=”隐藏内容：评论后查看”]

将下面的代码直接丢到：子比主题–>>自定义CSS样式即可！

/*菜单文字下波浪*/
.navbar-top li.current-menu-item>a, .navbar-top li:hover>a {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-decoration: underline wavy;
    text-decoration-thickness: from-font;
    text-underline-offset: 3px;
}

[/hidecontent]

收藏 (0) 打赏