JSFiddle - React, Tailwind, and code Playground

HTML

<img class='dizzyimg' src="http://img3.wikia.nocookie.net/__cb20130222162701/coasterpedia/images/thumb/5/58/Magnifying_glass.png/240px-Magnifying_glass.png">

CSS

.dizzyimg {
  
  -webkit-transition: all 5s ease;
     -moz-transition: all 5s ease;
       -o-transition: all 5s ease;
      -ms-transition: all 5s ease;
          transition: all 5s ease;
    border: 1px solid White;
}
 
 .dizzyimg:hover {
 -webkit-filter: hue-rotate(180deg);
    border: 1px outset #e0e0e0;
}