Efecto reflejo con Javascript
Tiempo promedio de lectura 0'34 minutos
Este efecto, últimamentees bastante aceptado en la web, para lograrlo es necesario algún programa de tratamiento de imágenes como puede ser Fireworks o Photoshop. También lo podemos lograr con algún programa de diseño en 3D.
Pero si lo que queremos es algo mucho mas sencillo que todo esto, podemos hacer uso de Reflection.js, simplemente subiendo este javascript a nuestros sitio y llamándolo con un class="reflect" dentro de la ruta de la imagen que queramos tenga este efecto, lo lograremos y muy lindo que se verá.
Debemos agregar a nuestro sitio la siguiente instrucción:
JavaScript:
-
<script type="text/javascript" xsrc="reflection.js"></script>
y luego podemos usar parámetros para indicar grado de reflejo y opacidad que queramos en la imagen a reflejar.
De esta forma nuestra línea de código nos queda conformada por algo parecido a esto:
HTML:
-
<img xsrc="http://ww.isitio.com/images/logo.png" class="reflect rheight80 ropacity60 />
Visto en: Juque.cl
Posteado por WalteR Bove el 26/05/2006 en la categoría Programación
Tags Relacionados:
Que sea bastante aceptado últimamente, me temo, tiene mucho que ver con ese javascriptejo.
Ahora, el ejemplo que pusiste: los colores me suenan de algún lado… y el efecto está demasiado abajo, ¿no? ^_^
Comentario por JEL — 26/05/2006 @ 17:48:53 | Troll?:
