Invertir colores para filtros en css
Para conseguir el efecto de invertir colores a un elemento o imagen usamos la propiedad “filter” con el valor “invert” aplicando el % de fuerza que queramos. Funciona tanto con elementos con estilos de color sólidos, imágenes y svg.
Estos efectos de filtro al principio eran solo posibles para SVG. Recordar que aparte existen más filtros css3 como son: desenfoque, escala de grises, brillo, contraste y tono.
Creamos la siguiente clase con el valor “invert” al 100%:
Estos efectos de filtro al principio eran solo posibles para SVG. Recordar que aparte existen más filtros css3 como son: desenfoque, escala de grises, brillo, contraste y tono.
Creamos la siguiente clase con el valor “invert” al 100%:
.invertir-color { -webkit-filter: invert(100%); filter: invert(100%); }
5
Puntos
Puntos
5028
Visitas
Visitas
3
Resp
Resp
Por zerodarck hace 114 meses
Experto
Respuesta #1
Muy buen aporte zerodark :) +5
5
Puntos
Puntos
Por fc2014 hace 114 meses
Experto
Respuesta #2
fc2014 dijo:muy útil para meterle filtro a imágenes ;)
Muy buen aporte zerodark :) +5
0
Puntos
Puntos
Por zerodarck hace 114 meses
Experto