Color Invert On Hover Over An Image Map

I want to invert the color of an image when mouse hovers. But i want only the part of the colors inverted based on image map. I have used image map. The area where my cursor is on

Solution 1:

AFAIK it is not possible to apply filters in area tag.

From W3C

The area element represents either a hyperlink with some text and a corresponding area on an image map, or a dead area on an image map.

A workaround to this would divide this into mutiple img then set filter to img