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

Packs de recursos a precios increíbles
Aprovecha la ocasión y hazte con alguno de estos packs con recursos de calidad para profesionales, ahora a precios muy rebajados:
Pack rebajado un 99%1000 fotos rebajadas un 64%

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.

Escribe un comentario