Morton 10 de junio de 2014 a las 08.31
   Imprimir artículo
elWebmaster.com

Mostrar imágenes en escala de grises con CSS


css3wide1Los filtros CSS no son soportados de una manera realmente amplia pero aún así, son realmente impresionantes y un moderno recurso para la imagen en la web. Estos filtros te permiten modificar la manera en que se muestran las imágenes de muchas formas, una de las mismas es mostrar las imágenes en escala de grises.

Ver un ejemplo >>

Hacerlo requiere de un mínimo de CSS:

img.bw {
	filter:  grayscale(1);
}

También puedes animar una imagen para que se convierta gradualmente en escala de grises:

img.bw {
	filter:  grayscale(0);
}

img.bw.grey {
	filter:  grayscale(1);
	transition-property: filter;
	transition-duration: 1s;
}

Esperamos que te sea de utilidad ¡Hasta la próxima!

Fuente original del artículo: David Walsh Blog
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. BlackmartAlpha.net dice:

    Es una pasada, y lo sería aún mas pero en Firefox no funciona :( , en chrome si.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder