JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <title>filtereffectstest</title>
        <style type="text/css">
            .blur {
                filter: blur(4px);  
                -webkit-filter: blur(4px);            
            }    
            .fuzzyeyes {
                filter: url(#fuzzyeyes);
                -webkit-filter: url(#fuzzyeyes);                                
            }
        </style>
    </head>
<body>
<div>
<div class="blur">
    <img src="http://a0.twimg.com/a/1329497727/t1/img/front_page/cricket.jpg" />
    </div>
    </div>
    <div>
<div style="filter: url(#fuzzyeyes); -webkit-filter: url(#fuzzyeyes)">
    <img src="http://a0.twimg.com/a/1329497727/t1/img/front_page/cricket.jpg" />
    </div>
    </div>
    <svg height="0">
    <filter id="fuzzyeyes">
        <feGaussianBlur stdDeviation="4" />
    </filter> 
    </svg>