Structuré de la façon suivante:
<ul class="socials"> <li class="facebook"> <a href="http://www.facebook.com/share.php?" onClick="_gaq.push(['_trackSocial', 'facebook', 'share',]); return true;" rel="nofollow" title="Partagez-le sur Facebook"> </a> </li> et ainsi de suite pour les suivantes. Une seule image est utilisée pour le rendu. Il suffira ensuite de modifier les positions (top et bottom) pour appliquer l'effet au passage de la souris. (résultat ci-dessous) li.facebook { background-position: "nombre" px bottom ; }
li.facebook:hover { background-position: "nombre" px top ; }