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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.