<img src=http://farm1.staticflickr.com/114/271078402_ad78f9dc4b.jpg alt="Pakistani Woman"><img src=http://farm1.staticflickr.com/114/271078402_ad78f9dc4b.jpg alt="Pakistani Woman" class=blur>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <filter id="blur">
        <feGaussianBlur stdDeviation="3" />
    </filter>
</svg>
body { background: #000; }
img { width:367; height:459px; }
img.blur {
  filter: url(#blur);
  filter: blur(3px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  transition: 1s;
}
img.blur:hover  {
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); 
  filter: blur(0px); 
} 

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.