Vous avez du voir que j’ai ajouté un petit effet au survol des images de droites qui pointent vers mes profils Facebook et Twitter.

Pour faire cela rien de bien compliqué.

Le code HTML d’affichage des images :

<div id="socialicon" align="center">
	<a href="#"><img src="img01.jpg"></a>
	<a href="#"><img src="img02.jpg"></a>
	<a href="#"><img src="img03.jpg"></a>
</div>

#socialicon a img{
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;}
#socialicon a img {width:90%;}
#socialicon a:hover img {width:100%;}

Et voila ! Magique non ? L’effet va donc ressembler à un léger zoom au survol avec une belle transition CSS3 !