Reflection.js es una biblitoeca Javascript para crear imágenes reflejadas y que la podemos usar con Mootols y también jQuery.
Por ejemplo, dado el código HTML de una imagen:
<img src="cricci-player.jpg" alt="Christina Ricci" />
Nada del otro mundo, un simple imagen incrustara en una página web. Para aplicarle un efecto reflejo usando Mootools:
window.addEvent('domready',function() {
var options = { height: 0.5 };
$$('img.reflect').each(function(img) {
img.reflect(options);
});
});
Para aplicarle un efecto reflejo usando jQuery:
document.ready(function() {
var options = { opacity: 0.75 };
$('.reflect').reflect(options);
});
Image Reflection with jQuery and MooTools
Post original (en inglés): Image Reflection with jQuery and MooTools
Reflections.js: www.digitalia.be/software/reflectionjs-for-mootools