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%:

.invertir-color {
     -webkit-filter: invert(100%);
    filter: invert(100%);
}

Muy buen aporte zerodark :) +5

fc2014 dijo:
Muy buen aporte zerodark :) +5

muy útil para meterle filtro a imágenes ;)

Dejaré por aquí un tema más extenso, con más utilidades de edición con CSS

Ver Tema