纯css实现文字下划线悬浮【中心向两边扩展】、鼠标移开【两边向中心收缩】特效

分类: 文章 • 2025-03-24 14:52:21

文字鼠标悬浮效果有很多，自己做的时候也手撸了一个小特效。

思路就是使用before和after伪类去动态改变宽度。

代码已经关联到github：链接地址
觉得不错可以顺手点个star，这里会持续分享自己的开发经验（：

效果：
纯css实现文字下划线悬浮【中心向两边扩展】、鼠标移开【两边向中心收缩】特效