[SOLUCIONADO] Filter rojo con CSS

[madman_18]

Buenos días!

¿Cómo podría aplicar un filter con cierto tono rojo para un bloque? He visto que con la propiedad filter de css se puede pasar a blanco y negro pero tendría que darle una tonalidad un poco más rojiza y no sé como

¿Alguno me puede orientar? Gracias!

[pzin]

Puedes probar usando hue-rotate().

Otra opción sería usar filtros SVG:

Código HTML:

<filter id="filtro_rojo"></filter>
 

Código HTML:

div.algo {
  filter: url(#filtro_rojo);
}
 

Aunque si es sólo darle un tono rojizo, tal vez te sea más cómodo simplemente aplicar un elemento por encima y darle un color rojo transparente con rgba(). Más aún con el poco soporte que hay en los navegadores, realmente solo en los basados en WebKit; http://caniuse.com/css-filters

[madman_18]

Iniciado por pzin

Puedes probar usando hue-rotate().

Otra opción sería usar filtros SVG:

Código HTML:

<filter id="filtro_rojo"></filter>
 

Código HTML:

div.algo {
  filter: url(#filtro_rojo);
}
 

Aunque si es sólo darle un tono rojizo, tal vez te sea más cómodo simplemente aplicar un elemento por encima y darle un color rojo transparente con rgba(). Más aún con el poco soporte que hay en los navegadores, realmente solo en los basados en WebKit; http://caniuse.com/css-filters

Buenas pzin.

Verás, se me olvidó comentar antes que es aplicandolo a un mapa de google maps...que lo quieren con la posibilidad de ponerlo en un tono ligeramente rojizo o en blanco y negro....
He conseguido ponerlo en blanco y negro aplicando el filtro al div que contiene el mapa pero no sé conseguir la tonalidad en rojo

[pzin]

Mira a ver si te vale algo así:

Código CSS:

filter: hue-rotate(-100deg);
 

Otra cosa que se me ocurre es ponerle una pequeña opacidad y luego de fondo un color rojo.

Sea como sea, yo estoy muy hecho al color de los mapas de Google.

[madman_18]

Iniciado por pzin

Mira a ver si te vale algo así:

Código CSS:

filter: hue-rotate(-100deg);
 

Otra cosa que se me ocurre es ponerle una pequeña opacidad y luego de fondo un color rojo.

Sea como sea, yo estoy muy hecho al color de los mapas de Google.

Puesssss.....sí a mí tampoco me molesta ese color de Google xDDD pero el problema está en las cosas que piden....en fin.

Creo que probaré con la idea que me comentas de la opacidad y a ver qué parece el mapa gracias por la idea!