[CSS]  Efecto Gris en Imagen
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 ...

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?
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.
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.
En JQuery
Código PHP:
$(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({opacity0}, 300);  
  
} , function() { 
//on hover out...  
  
//Animar la imagen a opacidad 100% (fade in)  
  
$(this).find("span").stop().animate({opacity1}, 300);  
  
});  
  
});