【问题标题】:Hover Effect (CSS)悬停效果 (CSS)
【发布时间】:2015-01-21 06:16:30
【问题描述】:

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

你知道怎么做吗?

提前致谢。 安迪

【问题讨论】:

  • 我可以知道你指的是什么文件吗?
  • 任何文档。以 MDN 为例。

标签: css hover


【解决方案1】:

只需查看 CSS :hover 标签上的W3Schools page

你的 CSS 文件看起来像这样:

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

这将为您提供下划线,而不会顺利落入。如果您想做与网站类似的事情,请使用 JQuery。

【讨论】:

  • 感谢您的评论,其实我正在寻找顺利的下降,我应该搜索什么JQuery?你有效果名称吗?
  • 可能是.animate() 函数。您需要了解一点 Javascript 或至少复习一下。不过,它不是一个纯 CSS 解决方案,就像您正在寻找的那样。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-01-01
  • 2015-11-13
  • 2014-07-05
  • 1970-01-01
  • 1970-01-01
  • 2020-02-07
  • 2018-11-25
相关资源
最近更新 更多