JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<table><tr>

<td>
<img src="http://www.500milligrammes.com/juliep/zztestzz/2/index/02/img/mail.png" />
</td>
    
<td>
<img src="http://www.500milligrammes.com/juliep/zztestzz/2/index/02/img/phone.png" />
</td>
    
<td>
<img src="http://www.500milligrammes.com/juliep/zztestzz/2/index/02/img/facebook.png" />
</td>
    
<td>
<img src="http://www.500milligrammes.com/juliep/zztestzz/2/index/02/img/instagram.png" />
</td>
    
</tr></table>

CSS

img{ margin:0px 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
img:hover, img:focus{ opacity:0.4; filter: alpha(opacity = 40); }