<div style="text-align:center">
  
<img src="http://fivera.net/wp-content/uploads/2013/08/blue.png" alt="fivera" width="200" height="200">
 img {
  
  -webkit-transition: all 5s ease;
     -moz-transition: all 5s ease;
       -o-transition: all 5s ease;
      -ms-transition: all 5s ease;
          transition: all 5s ease;
}
 
 img:hover {
 -webkit-filter: hue-rotate(333deg);

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.