reflection.js es una biblioteca Javascript que permite agregar reflejos a una imagen en una página web.
Es muy fácil de implementar, sólo debemos bajar un archivo Javascript y crear el enlace en el sitio que queremos aplicarle los efectos y luego es muy sencillo, hay que añadir class=”reflect” a la imagen y listo.
Soporta varios navegadores como Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ y Safari y solo ocupa 5KB.
En la página hay varios ejemplos, esto nos permite ver como funciona y se implemnta en WordPress, phpBB, Lightbox y otros.
Otras bibliotecas de efectos:
- BoxOver un script que utiliza Javascript/DHTML para permite implementar tooltips en una web;
- Page Turner un script que utiliza jQuery y que permite implementar un efecto que simula pasar la página como si fuera una revista o un libro;
- script.aculo.us es una biblioteca Javascript que permite implementar Ajax logrando funcionalidades como arrastrar y soltar (drag ‘n drop) y una amplia variedad de efectos visuales en una página web;
- InnerFade un script que hace uso de la biblioteca jQuery y que permite aplicar a cualquier elemento de una página web como:
div, imágenes, … un efecto Fade in/out.
Para leer más:
- Recopilación de frameworks, bibliotecas y otros recursos para desarrollo web
- Jitsu – Herramienta Open Source para desarrollar interfases de aplicaciones web
- Simple Javascript Progress Bar with CSS – Biblioteca Javascript para barras de progreso con CSS
- Listado con todas las Cheat Sheet que deberías tener siempre a la mano
Tags: reflections, biblioteca, javascript, efectos