JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blur">
	<h1>Test de -webkit-filter: blur()</h1>
	<p>Un test avec blur</p>
</div>
<div class="exemple"></div>

CSS

.blur {
	position: absolute;
	left: 0;
	top: 0;
}

.blur:before{
	content: "";
	position: absolute;
	z-index: -1;
	background: url("http://lorempicsum.com/up/600/300/4") no-repeat;
	height: 100%;
	width: 100%;

	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}

.exemple{
	/* Juste pour l'exemple */
	position: absolute;
	right: 0;
	top: 0;
	background: url("http://lorempicsum.com/up/600/300/4") no-repeat;
	width: 300px;
	height: 150px;
}