Twitter喜欢按钮悬停效果

Question

我想知道如何实现Twitter之类的链接控制。

我的意思是当你在他们的推文页面上，当你将鼠标悬停在推文上时，会有回复，删除和收藏的链接，当你没有徘徊时它们会消失。

我不知道要搜索哪些关键字。

Answer 1

Pure CSS3

http://jsbin.com/evebij/2/edit

  <div>TWeeeet, tweeeet, tweet! ok , hover me now...
    <br>
    <br>
    <a href="#" class="tweetLink">Share</a>
    <a href="#" class="tweetLink">Replay</a> 
    <a href="#" class="tweetLink">Add to Favourite</a> 
  </div>

.tweetLink {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
  -moz-transition: visibility 0.2s linear, opacity 0.2s linear;
  -o-transition: visibility 0.2s linear, opacity 0.2s linear;
}

div:hover .tweetLink {
  visibility: visible;
  opacity: 1;
}