如何使用 CSS 在悬停时显示隐藏文本

快乐

当鼠标悬停在按钮或<a>标签上时,我想显示文本

例如,我有这个带有一些文字的按钮:

原创按钮

当鼠标悬停在按钮上时,我设法使它变大:

悬停时更大的按钮

我想做的是将文本和图像保持在顶部并在按钮下方显示一些文本。谁能建议我如何做到这一点?

乌鲁格托普拉克

不确定这是否是您要查找的内容,因为您没有包含代码...

div {
  display: none;
  margin-left: 10px;
}

a:hover+div {
  display: block;
}
<a><img src='http://vignette1.wikia.nocookie.net/planetside2/images/4/4d/Scythe_Side_View_Icon.png/revision/latest?cb=20130426065845'></a>
<div>Display Whatever</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章