JSFiddle - React, Tailwind, and code Playground
by AshThakur
HTML
<br/>
<br/>
<br/>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/lordhtml" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/technologyblg" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/lordhtml" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/113143762085765715608" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png" /></a></td>
</tr></table>
</div>CSS
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 260px;
margin:10px 0 0 3px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}