javascript - Twitter 喜欢按钮悬停效果

Question

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

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

我不知道要搜索什么关键字。

Answer 1

纯 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;
}