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

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

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

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

效果:
纯css实现文字下划线悬浮【中心向两边扩展】、鼠标移开【两边向中心收缩】特效_第1张图片

你可能感兴趣的:(css,笔记,css)