Para crear el efecto de reflejo en la imágenes existe Reflection.js hecho en JavaScript que además de ser muy pequeño no utiliza código JavaScript, cómo en el sitio de Apple.
Además de que funciona con la mayoría de los navegadores cómo Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ y Safari.
Ver el script en acción
Por qué para utilizar este efecto:
- Rápido y fácil de implementar. Solamente agrega class=»reflect» a la imagen y listo.
- No necesitas perder tiempo con un editor de imágenes para crear el efecto de reflejo.
- Trabaja muy bien con avatares, y no requiere de trabajo adicional por parte del servidor.
- Es muy fácil cambiar la opacidad y el tamaño del reflejo.
- Los reflejos pueden responder a la acción de usuario.
- Es cool.
En los navegadores más viejos el script no hace nada y así tus visitantes no se darán cuenta de nada.
Y lo mejor, ¡pesa menos de 5KB!
Descargar reflection.js 1.5
La descarga viene con todo e instrucciones (en inglés).