JSFiddle - React, Tailwind, and code Playground

HTML

<div class="static">
    <div><img src="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png" /></div>
    <div>HELLO WORLD ONE</div>
</div>

<div class="dynamic">
    <div><img src="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png" /></div>
    <div>HELLO WORLD TWO</div>
</div>

<svg>
    <filter id="f1">
        <feGaussianBlur stdDeviation="5" />
    </filter>
</svg>

CSS

.static div {
    -webkit-filter: url('#f1');
    filter: url('#f1');
}
.dynamic div {
    -webkit-filter: url('#f2');
    filter: url('#f2');
}
img {width:100px;}

JavaScript

var svg = document.createElement("svg");
var filter = document.createElement("filter");
filter.setAttribute("id", "f2");
var blur = document.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
blur.setAttribute("stdDeviation", "5");
document.body.appendChild(svg);
svg.appendChild(filter);
filter.appendChild(blur);