filter: invert();

Browser
  • IE
Type
  • Extension

The invert filter invert the color and brightness.


#example {
filter: invert();
}

Example

The original

<img src="image/friend.gif" alt="IMG" width="170" height="140">
Output
IMG 

<div style="font: bold 170% sans-serif; width: 100%;">
Example text
</div>
Output
Example text
Reverse the color and brightness

<img src="image/friend.gif" alt="IMG" width="170" height="140" style="filter: invert();">
Output
IMG 

<div style="font: bold 170% sans-serif; width: 100%; filter: invert();">
Example text
</div>
Output
Example text