使文本显示在悬停在按钮上

Question

我想做的是有这样的事情：

 <button class="addMore">+</button>

做这样的效果：

https://i.gyazo.com/d353b657df39c0e6ff159bfdb713f6a4.mp4

当你将鼠标悬停在它上面时。

我已经为此找到了一些不同的东西，但没有一个能像我在视频中想要的那样。

原文由 DragonHeart000 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 title 以显示您的消息：

 <button class="addMore" title="click here">+</button>

原文由 Bhargav Chudasama 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

 .addMore{
  border: none;
  width: 32px;
  height: 32px;
  background-color: #eee;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}
.addMore:hover{
  border: 1px solid #888;
  background-color: #ddd;
}

 <button class="addMore" title="Hover on me!">+</button>

原文由 Mohammad Bayat 发布，翻译遵循 CC BY-SA 3.0 许可协议