CSS Filter

by Apple Ilagan

HTML

<img src="https://www.google.com.ph/images/srpr/logo11w.png" class="blur">

CSS

.blur {
filter: blur(3px); 
-webkit-filter: blur(3px); 
-moz-filter: blur(3px);
-o-filter: blur(3px); 
-ms-filter: blur(3px);
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='blur'><feGaussianBlur stdDeviation='3' /></filter></svg>#blur");  
}