Inverter cor da imagem com CSS

24d atrás

Ion

---

0 0

A função invert() do #CSS, utilizada com a propriedade filter, permite inverter as cores de um elemento. Essa funcionalidade pode ser extremamente útil, para usar apenas uma imagem para contraste em um tema claro e escuro, por exemplo.

img {
	filter: invert(1);
}

Exemplo

Veja o código completo e um exemplo de aplicação: