Tutorial de efecto grisáceo con jQuery y CSS

CapturaDePantalla 2009-09-17 a las 13.42.14

A estas alturas ya sabéis de sobra la importancia que tiene el framework de Javascript ‘jQuery’ y el CSS en el diseño web, y esto se va a ver de nuevo reflejado en el espectacular efecto que os voy a mostrar hoy.

Se trata de hacer un efecto de blanco y negro con escala de grises cada vez que hagamos ‘hover’ sobre una imagen, pero con un efecto progresivo. La verdad es que viéndolo se nota muchísimo más y se puede ver que queda muy bien en cualquier diseño.

El tutorial no es excesivamente complicado y yo creo que echándole un rato todo el mundo lo puede sacar, asique os animo a intentarlo.

Enlace | Tutorial | Explicado en CSSBlog

Enlace | Demo

¿Necesitas contratar un hosting para tu web?
En SiteGround tienes disponible una amplia oferta de hostings para todo tipo de bolsillos y necesidades. Encuentra el hosting que estás buscando al mejor precio, con las últimas tecnologías en velocidad y seguridad web y soporte en español 24h:
HostingHosting WordPress

3 comentarios

  1.   Pedro dijo

    En CSSBlog.es está explicado el tutorial, lo dejo por si lo queréis enlazar:

    Un saludo.

  2.   Carlinhos dijo

    Gracias por el apunte, Pedro.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *