JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<div> 
</div>
<p><span>WOW</span></p>

CSS

div {
    height:500px;
    width:500px;
    text-align:center;
    
    -webkit-filter: blur(13px);
    -moz-filter: blur(13px);
    -o-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
    position: absolute;
    left:0;
    top: 0;
}
p {
    position: absolute;
    left:0;
    top: 0;
}
span {
    color:blue;
    font-size:50px;
    font-weight:bold;
    position:relative;
    position:absolute;
    z-index:9999;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(13px);
    filter: blur(0px);
}