!
也想出现在这里? 联系我们
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中
当前位置:首页>wordpress>B2主题美化>顶部页眉菜单缩放条-B2主题美化

顶部页眉菜单缩放条-B2主题美化

示例请查看本站。

css样式:

.header-banner-left .menu li.current-menu-item a:after{
    background-color: #599bff; 
 }
.social-top .header-banner-left .menu li a:after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    bottom: 6px;
    width: 0;
    height: 2px;
    background-color: #599bff;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.social-top .header-banner-left .menu li a:hover:after{
    width: 100%;
    -webkit-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}
.header-banner-left .menu li.current-menu-item a {
    color: #599bff;
    font-weight: 600;
}

调用方法:

后台设置-外观-自定义-额外CSS-添加在最后即可

重要声明

本网站的文章部分内容可能来源于网络,如有侵犯你的权益请联系邮箱:west2@qq.com 站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!本站资源大多存储在云盘,如发现链接失效请反馈,我们会及时更新。


       

如果遇到积分购买才可查阅的文章,建议升级会员或者成为认证用户。全站95%资源免费下载”。

给TA打赏
共{{data.count}}人
人已打赏
B2主题美化

首页侧边添加悬浮内容-B2主题美化

2022-11-27 16:10:32

B2主题美化

B2主题美化-wordpress交易评论弹幕插件

2022-12-10 18:48:44

!
也想出现在这里? 联系我们
加入学社网会员,全站资源免费下载
2 条回复 A文章作者 M管理员
  1. xu_h

    感谢分享!

  2. W

    泰裤辣

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
联系我们