玩子比也有几年了，之前做过一个站，后来卖了，就很少在用了，不喜欢wp，强迫症的我总感觉id不连续。于是自己的生活博客用了typecho，但问题又来了，作为业余选手有时候又想记录一些建站方面的东西，方便随时ctrl+c，为了方便还是准备做一个业余选手在建站方面的经验分享（typecho编辑器不太喜欢，主要是子比主题的移动端甚是喜欢），于是再最近再搭建一个博客，同类期的选手好像都沉下去了，新选手目前还是挺多了，以前都是美好都是css，js这些填这里填哪里，现在都是集成插件，不得不说，越来越牛逼。

草，废话太多了，今天早上看了都没有人弄导航的过渡效果，于是我自己写了一个，不知道昨晚熬夜了还是没睡好，感觉没写好，但效果也有，之前有写过的成品，忘记了，业余选手喜欢ctrl+c，没办法，上次没保存，这次写了一个，大神们优化一下，就不要喷来喷去了，喜欢就搞。

.navbar-nav>li:before{top: -9px;border-radius:3px;height: 3px;}
.navbar-nav>li:hover:before{display:none}
.navbar-nav>li:after{content:"";position:absolute;height:3px;width: 0%;left:50%;top: -9px;border-radius:3px;background: var(--focus-color);}
.navbar-nav>li:hover:after{left:0;transition:all 0.6s;width:100%}

我总感觉可以优化，我把默认的before隐藏，追加了after。总感觉不太满意，虽然能达到过渡效果。顺便把导航条高度调整了3px。有喜欢的弄，先去睡一觉。

PS：优知新的二级栏目小图标还是漂亮。能共享出来吗？（其他自我不太喜欢，太乱了，不符合其logo的气质），论坛帖子这个风格能追加到内容页更nice。