begin主题网站电脑💻端菜单效果优化

夏沫
夏沫
夏沫
32
文章
0
评论
2020年5月14日15:19:36begin主题网站电脑💻端菜单效果优化已关闭评论 783 1554字阅读5分10秒

心灵毒鸡汤:

begin主题博客电脑💻端菜单动态效果优化这个是很久以前的代码,是别人帮我写的效果很好看,浏览看下面动态图。begin主题网站电脑💻端菜单效果优化动态效果图:
begin主题网站电脑💻端菜单效果优化
教程:把下面代码丢到主题选项的定制css里即可。记得清理缓存!

代码:

  1. #site-nav .down-menu a{
  2. height:88px;
  3. line-height:88px;
  4. border-bottom:0px solid #9e5ae2;
  5. transition-duration:0.6s;
  6. }
  7. #site-nav .down-menu>.current-menu-item>a{
  8. height:88px;
  9. line-height:88px;
  10. border-bottom:2px solid #9e5ae2;
  11. }
  12. #site-nav .down-menu>li>a:hover{
  13. height:88px;
  14. border-bottom:88px solid #333d46;
  15. }
  16. #site-nav .down-menu>.current-post-ancestor>a{
  17. color:#9e5ae2;
  18. height:88px;
  19. line-height:88px;
  20. border-bottom:2px solid #9e5ae2;
  21. }
  22. .author-profile i , .post-like a , .post-share .show-share , .sub-text , .we-info a , span.sitename , .post-more i:hover , #pagination a:hover , .post-content a:hover , .float-content i:hover{ color#db60bc }
  23. .feature i , .feature-title span , .download , .navigator i:hover , .links ul li:before , .ar-time i , span.ar-circle , .object , .comment .comment-reply-link , .siren-checkbox-radio:checked + .siren-checkbox-radioInput:after { background#db60bc }
  24. ::-webkit-scrollbar-thumb { background#db60bc }
  25. .download , .navigator i:hover , .link-title , .links ul li:hover , #pagination a:hover , .comment-respond input[type='submit']:hover { border-color#db60bc }
  26. .entry-content a:hover , .site-info a:hover , .comment h4 a , #comments-navi a.prev , #comments-navi a.next , .comment h4 a:hover , .site-top ul li a:hover , .entry-title a:hover , #archives-temp h3 , span.page-numbers.current , .sorry li a:hover , .site-title a:hover , i.iconfont.js-toggle-search.iconsearch:hover , .comment-respond input[type='submit']:hover { color#db60bc }
夏沫
  • 本文由 发表于 2020年5月14日15:19:36
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接