Foros del Web » Creando para Internet » CSS »

Colorer imagen al pasar ratón por encima..

Estas en el tema de Colorer imagen al pasar ratón por encima.. en el foro de CSS en Foros del Web. Vereis, he estado buscando y como mucho he encontrado temas como "que las imágenes se agranden al pasar el ratón".. Lo que yo busco es ...
  #1 (permalink)  
Antiguo 01/03/2011, 14:55
Avatar de kiM-  
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 9 años, 6 meses
Puntos: 2
Colorer imagen al pasar ratón por encima..

Vereis, he estado buscando y como mucho he encontrado temas como "que las imágenes se agranden al pasar el ratón".. Lo que yo busco es poner una imagen de color oscuro y que al pasar el ratón por encima vuelva a so color original, es decir, apagadas en a y "encendidas" en a:hover.. ¿Alguien sabe?

Saludos y gracias!
  #2 (permalink)  
Antiguo 01/03/2011, 14:59
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Colorer imagen al pasar ratón por encima..

¿Podría definir qué entiende por "color oscuro" y "apagadas/encendidas"?
  #3 (permalink)  
Antiguo 01/03/2011, 15:09
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Colorer imagen al pasar ratón por encima..

Podrias poner tu imagen "oscura" de background en un div por ejm, y en el hover cargas la imagen "encendida" encima de la otra :D
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #4 (permalink)  
Antiguo 01/03/2011, 15:10
Avatar de kiM-  
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 9 años, 6 meses
Puntos: 2
Respuesta: Colorer imagen al pasar ratón por encima..

Pués, por color oscuro me refiero a una magen en "blanco y negro" (o con transparencias de colores como el negro, desaturizada, etc...) y encendidas pués su color original. Digamos que tengo una imagen normal, le paso el ratón por encima y se oscurece de la forma que he comentado arriba, pués yo quiero algo así pero del revés, es decir que la imagen estée oscura de por sí con css y que al pasar el ratón retome su color.

Sé que me he liado, espero se entienda.

Saludos!

edit: gVenom, es que estoy seguro de que hace tiempo vi un código que era solo con css, así me ahorro tener que usar dos imágenes (la oscura y la real).
  #5 (permalink)  
Antiguo 01/03/2011, 15:19
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Colorer imagen al pasar ratón por encima..

Código CSS:
Ver original
  1. img {opacity:.4}
  2. img:hover {opacity:1}
Lo que no podrá hacer con css es convertirla a escala de grises.
Puede simularlo asignando un fondo del color (background) apropiado
  #6 (permalink)  
Antiguo 01/03/2011, 15:30
Avatar de kiM-  
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 9 años, 6 meses
Puntos: 2
Respuesta: Colorer imagen al pasar ratón por encima..

Mil gracias!

Y cómo se asignaría un background gris? en qué zona exactamente?

Etiquetas: encima, pasar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:09.