Efecto ‘reflejo vertical’ en imagenes con Javascript

Muestra: Efecto reflejo con JavascriptAra Pehlivanian ha creado una script que permite agregar un efecto de reflejo o espejo a nuestras imágenes. Simplemente basta indicar el atributo id de una etiqueta img. Esta disponible bajo licencia Creative Commons.

Forma de Implementarlo:

<html>
<head>
<title>Efecto espejo</title>
<script type="text/javascript" src="reflect.js"></script>
<script type="text/javascript">
   window.onload = function(){
   var reflections = new ARA.effects.Reflection();
   reflections.addImage("miImagenID");
   reflections.reflect();
   }
</script>
</head>
<body>
<img id="miImagenID" src="mi_imagen.jpg" width="193" height="51" />
</body>
</html>
 

Podemos ver unos ejemplos en la blog del autor, como también descargar un ejemplo en el cual se maneja mas de una imagen.

One thought on “Efecto ‘reflejo vertical’ en imagenes con Javascript

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.