weixin_38322795的博客

原创 js css 实现导航栏下划线鼠标跟随效果

pc网页端商城导航栏鼠标滑过会出现下划线，接下来就是实现鼠标滑过出现下划线的动画效果 用到的知识 css的伪元素选择器 ::before。 效果图如下： 下划线的效果一般是给元素添加boder-bottom实现的，但这是一个生硬的效果，为了给下划线添加动画效果，我们使用伪元素选择器，通过::before设置border-bottom已达到下划线的动画跟随效果，代码如下： <!DOC...