CSS Blur

by NotInUse

HTML

<img src="http://www.placekitten.com/300/400" width="300" height="400" border="0" alt="kitten" />


<img class="blur" src="http://www.placekitten.com/300/400" width="300" height="400" border="0" alt="kitten" />

CSS

img.blur { 
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px); 
  -o-filter: blur(2px); 
  -ms-filter: blur(2px); 
  filter: blur(2px); }

img { margin: 20px;}