如何在悬停时为活动状态设置动画？

Question

我想知道如何才能达到以下效果。 我创建了一个这样的标题：

我想要的是，当您将鼠标悬停在列表项上时，红色边框底部将为该部分设置动画，因此红色边框位于＆＃34;播放列表＆＃34;当我将鼠标悬停在＆＃34;频道＆＃34;上时，将滑动到＃34;频道＆＃34;。活跃状态是active-tab我如何实现这一目标？

实时预览：http://codepen.io/anon/pen/jWMXNL

Answer 1

我在6年前的早期做过类似的事情...... 那时候我使用了一个名为魔术线的插件

https://css-tricks.com/jquery-magicline-navigation/

演示here

这是一个小型的无法编辑的js脚本，因此您应该能够修改它以满足您的确切要求并将其粘贴到您自己的js文件中