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?
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
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/
>>> http://foros.cristalab.com/imagen-el-gri....-t104223/
O lo sabe Night y wsoul o creo que no se puede :/
Holaa Poizonus. he encontrado este nose si te sirva.
http://www.cssblog.es/galeria-efecto-de-...ss-jquery/
http://www.cssblog.es/galeria-efecto-de-...ss-jquery/
En JQuery
Código PHP:
<?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({opacity: 0}, 300);
} , function() { //on hover out...
//Animar la imagen a opacidad 100% (fade in)
$(this).find("span").stop().animate({opacity: 1}, 300);
});
});