<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 0,3s ease;
     -moz-transition: all 0,3s ease;
       -o-transition: all 0,3s ease;
      -ms-transition: all 0,3s ease;
          transition: all 0,3s ease;
}
 
img:hover {
  -webkit-filter: opacity(0.3);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.