文章标题动态小横线

文章标题动态小横线

2025年3月4日测试成功。

版权

次配置来源于《Hyde Blog》大佬贡献的代码，十分感谢大佬，大佬威武💖💖。

环境

自己开源的 《vuepress-theme-vdoing-one-public》网站模板。

此模板是在Young Kbt blog的开源项目《Kele-Bingtang.github.io》基础上修改为自己的风格而成，感谢大佬开源的模板&感谢原作者开源的vdoing主题。❤️❤️

效果

配置

（1）在docs\.vuepress\styles\palette.styl文件内容末尾添加如下代码：

.post-list.post.title-wrappera{position:relative;display:inline-block;transition:color0.3sease;}.post-list.post.title-wrappera:hover{color:rgb(0118255);}.post-list.post.title-wrappera::after{content:'';position:absolute;left:50%;bottom:-2px;width:0;height:2px;background:rgb(0118255);transform:translateX(-50%);transition:width 0.3sease-out,left0.3sease-out;}.post-list.post.title-wrappera:hover::after{left:50;width:100%;}

（2）运行测试