Twitter喜欢按钮悬停效果

Twitter like buttons hover effect

本文关键字：悬停 按钮 喜欢 Twitter      更新时间：2023-09-26

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

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

我不知道搜索什么关键字

纯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;
}
相关文章：