Superbe effet de réflection sur image en JS : simple et rapide

/dans /par

L’effet de réflection d’une image : c’est un classique , mais il est toujours à la mode.

Je vais vous expliquer comment l’appliquer très rapidement sur n’importe quelle image sans perdre de temps avec Photoshop , Gimp , Illustrator etc… Tout ce qu’il va vous falloir c’est une librairie javascript et la petite ligne de code que voici :


{source}
<script type=« text/javascript » src=« images/js/reflection.js »></script>
{/source}
ensuite il n’y a plus qu’à ajouter un class= »reflect » à l’image à laquelle vous voulez ajouter un reflet.

 

C’est tout et ça marche avec n’importe quelle image sur n’importe quel navigateur.Il est même possible d’ajouter des options à l’effet comme par exemple la hauteur de la réfléction ou bien son opacité. Tout cela est expliqué dans l’archive zip qui contient la librairie Javascript.

Pour télécharger la librairie javascript : reflection.js cliquez ici