Google
Invert Image

Note: This example does not work in all browsers.

 

Example

Style 1
Style 2


Code 
To invert the colors of an image, place the following
code into the <img> tag of your code:

Style 1:

style="filter:invert;"
onmouseover="this.style.filter='none'" onmouseout="this.style.filter='invert'"
	

Style 2:

style="filter:none;"
onmouseover="this.style.filter='invert'" onmouseout="this.style.filter='none'"