Foros del Web » Creando para Internet » CSS »

Mascara de color a una imagen

Estas en el tema de Mascara de color a una imagen en el foro de CSS en Foros del Web. Buen dia a todos, el problema que tengo hoy es que tengo que poner unas imagenes en un pagina, pero deben de poder de cambia ...
  #1 (permalink)  
Antiguo 01/10/2013, 10:37
 
Fecha de Ingreso: octubre-2013
Mensajes: 1
Antigüedad: 10 años, 7 meses
Puntos: 0
Mascara de color a una imagen

Buen dia a todos, el problema que tengo hoy es que tengo que poner unas imagenes en un pagina, pero deben de poder de cambia de color.

La primera idea que tuve es hacer cada imagen con su respectivo color
  • img0-red.png
  • img0-blue.png
  • img0-green.png
  • img1-red.png
  • img1-blue.png
  • img1-green.png
  • img2-red.png
  • img2-blue.png
  • img2-green.png
  • etc

pero ya que las imagenes serian siempre de un solo color, quisiera ver si algun sabio de css me pudiera decir si con alguna propiedad le pueda cambiar el color a la imagen.

Esto lo he podido hacer usando Silverlight http://www.geekchamp.com/articles/creating-theme-friendly-ui--in-wp7-using-opacitymask

La idea conciste en, por ejemplo, poner un rectangulo de un color X, destro se usa su Opacity Mask, como la imagen es un png con trasnparencia, da el efecto de que se esta cambiando de color al color del rectangulo

¿Existe algo para html+css+js?

muchas gracias por sus respuestas
  #2 (permalink)  
Antiguo 01/10/2013, 12:56
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Mascara de color a una imagen

Bienvenido al foro.

¿Podrías explicar para qué quieres hacer eso exactamente? Quiero decir, para qué lo necesitas, en qué contexto. Porque seguramente exista una forma más simple de hacerlo.

Etiquetas: html, javascript
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 18:42.