JSFiddle - React, Tailwind, and code Playground
by nomifrod
HTML
<div id="social">
<a class="rss" title="Grab Our Rss Feed" href="#" target="_blank"><img src="https://lh3.googleusercontent.com/-IjzgJzUOHf8/VqX_dnRvYzI/AAAAAAAABis/wdVtInHTVzQ/s48-Ic42/RSS.png" alt="Icon-RSS"/></a>
<a class="email" title="Get Free Updates Via Email" href="#" target="_blank"><img src="https://lh3.googleusercontent.com/-uswq5Y_zHBo/VqX_dIJhw3I/AAAAAAAABio/P7xGKlfrcX8/s48-Ic42/RSS-EMAIL.png" alt="Icon-Email"/></a>
<a class="fb" title="Like Our Facebook Page" href="#" target="_blank"><img src="https://lh3.googleusercontent.com/-I4HODpwOf5Q/VqX_cp2iHlI/AAAAAAAABiY/jlKnP64QsAY/s48-Ic42/FACEBOOK.png" alt="Icon-Facebook"/></a>
<a class="tw" title="Follow Our Updates On Twitter" href="#" target="_blank"><img src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" alt="Icon-Twitter"/></a>
<a class="plus" title="Follow Us On Google+" href="#" target="_blank"><img src="https://lh3.googleusercontent.com/-eH48zBH9L9Y/VqX_cyClhlI/AAAAAAAABic/sRYKsHBRJJI/s48-Ic42/GOOGLE-PLUS.png"alt="Icon-gplus"/></a>
</div>CSS
.rss, .email, .fb, .tw, .plus{margin-right:5px;}
#social a:hover {background-color: transparent;opacity:0.7;}
#social img {transition: all 0.8s ease-in-out;}
#social img:hover {transform: rotate(360deg);}