悬停效果（CSS）

Question

我想为导航链接添加悬停效果。 效果：悬停时小宽度线抬起。 我发现一个网站正在使用这种悬停效果，请查看顶部导航。 www.ambientlounge.sg

关于如何做的任何想法？

提前致谢。 安迪

Answer 1

只需查看CSS：hover标记上的W3Schools page即可。

你的CSS文件看起来像：

.element:hover{
  border-bottom: 3px solid grey;
}

如果你想要做一些类似于网站的东西，那么就会给你下划线而不是顺利的下降。然后使用JQuery。