悬停时动画菜单边框

Question

我刚开始编写一个网页代码，现在最后我想添加一些特殊的动画，我有一个水平菜单，有下拉菜单，当我将这个菜单点悬停时，我想要一个动画。 我在https://harvard.edu看到了带有边框的动画 你能帮我看看这个动画吗？ 谢谢：D

Answer 1

由于您没有提供任何代码并且没有指定哪个边框动画，我假设您想要从中间开始为底部边框设置动画。在这种情况下，这个伟大的stackoverflow回答与演示答案：click here

Answer 2

通过在：before伪元素上使用CSS3过渡来完成，该伪元素附加到该菜单中的<a>标记。在他们的CSS中搜索此规则：.nav-group a:before 您可以看到他们将:before伪的初始值设为0％宽度，然后在:hover伪，他们将其设置为100％。 （在CSS中搜索.nav-group a:hover:before） 因为：之前有一个CSS转换设置，当它在悬停时从0％变为100％宽度时，你会得到一个很好的动画效果。