JSFiddle - React, Tailwind, and code Playground

HTML

<div class="shadow1">
	<span>
		Box-shadowed element
    </span>
</div>

CSS

.shadow1 {
	background-color: rgb(68,68,68); /* Needed for IEs */
	-moz-box-shadow: 0px 0px 20px 0px rgba(68,68,68,0.6);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(68,68,68,0.6);
	box-shadow: 0px 0px 20px 0px rgba(68,68,68,0.6);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}
.shadow1 span {
	position: relative; /* This protects the inner element from being blurred */
	padding: 40px;
}