Inverting Colors In Part Of An Image - Html, Css, Js

Is there a way to invert only part of an image? I have a 'selector bar' sort of thing, and I want the icon that's selected to be inverted. Unfortunately, this looks really bad wh

Solution 1:

Create an element with zero width and height, and outline: 8px solid invert. Then move this element around with your selector, and this will invert the stuff that it passes over.