Hola a todos, saben algun código css que haga que la imagen se vuelva a escala de grises.

No digo bajar la opacidad, sino que la imagen lo vuelva a gris.

Pues he probado el filter:grace; y pues solo el cambio sucede en IE.

Alguien sabe el codigo que funcione en chrome y en mozilla?

http://stackoverflow.com/questions/60927...n-html-css
http://webdesignerwall.com/tutorials/htm...mage-hover
Es lo único que encontré :l

Pues no me se nada la verdad, pero puedes descargar este plugin de Edson: http://mybb-es.com/Hilo-plugin-grayavatar y mirar el código que usa.

¿Lo quieres necesariamente en CSS'?. Porque he encontrado como hacerlo pero es javascript

>>> http://foros.cristalab.com/imagen-el-gri....-t104223/

Pues el plugin de Edson solo funciona en IE.

Y pues sí, solo necesito en CSS, porque creo que el javascript solo es para las transiciones de una imagen a color y luego a escala de grises.

O lo sabe Night y wsoul o creo que no se puede :/

Mientras tanto, trataré de hacerlo con el javascript y haber que sale.
Pero si alguien sabe él codigo css o codigos css que le den efectos a las imagenes en mozilla, chrome, y si esque se puede en otros navegadores, que nos comparta el código porfavor.

Holaa Poizonus. he encontrado este nose si te sirva.
http://www.cssblog.es/galeria-efecto-de-...ss-jquery/

En JQuery

$(document).ready(function() {  
  
$("ul.gallery li").hover(function() { //En hover...  
  
var thumbOver = $(this).find("img").attr("src"); //Obtener la direccion de la imagen y asiganarla a 'thumbOver'  
  
//Definir una imagen de fondo (thumbOver) en la etiqueta <a> - Definir la posicion en la parte inferior (bottom)  
  
$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});  
  
//Animar la imagen a opacidad 0 (fade out)  
  
$(this).find("span").stop().animate({opacity: 0}, 300);  
  
} , function() { //on hover out...  
  
//Animar la imagen a opacidad 100% (fade in)  
  
$(this).find("span").stop().animate({opacity: 1}, 300);  
  
});  
  
});