本文是《7b2主题(共21篇)》专题的第 19 篇。阅读本文前,建议先阅读前面的文章:
- 1.苹果商店上传APP应用详细教程
- 2.wordpress_7b2主题S9子主题免费版本
- 3.RedisObjectCachePro v1.16.1破解版免费下载 | 安装教程
- 4.wordpress接入谷歌ads广告详细全教程
- 5.7B2全网站统计插件开源版
- 6.7b2美化_首页导航优化
- 7.7b2_网格模式头像在上美化教程
- 8.7b2登录框美化教程
- 9.wordpress统计代码引用教程
- 10.wordpress限制评论间隔时间代码
- 11.wordpress侧边小工具实现网站统计教程
- 12.7b2四栏目美化代码
- 13.wordpress_7b2主题文章内页添加面包屑导航
- 14.wordpress_7B2统计模块美化代码
- 15.7b2美化_新增评论表情
- 16.wp7b2主题侧边小工具每日一言+古诗模板
- 17.7b2修改圈子等级为图标显示教程
- 18.修改wordpress自带邮箱验证码教程
鼠标放到本站菜单,即可看到文字下方滑动条
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;
}
/*结束*/
您已阅读完《7b2主题(共21篇)》专题的第 19 篇。请继续阅读该专题下面的文章:
声明:本站资源大多来自于网络,侵权联系删除!资源请放心购买,如果长时间资源失效,本站100%予以退款处理!客服手机端底部,PC段右下位置!