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