JSFiddle - React, Tailwind, and code Playground

by maxim_torba

HTML

<div> 
    <img class="class" src="http://i0.kym-cdn.com/photos/images/original/000/051/726/17-i-lol.jpg?1318992465">
    </img>
    <span>
        Hello World!
    </span>
</div>

CSS

div{
    width: 100%;
    height: 500px;
}

.class {
    position: absolute;
    -webkit-filter: blur(13px);
    -moz-filter: blur(13px);
    -o-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
}
span {
    position: absolute;
    width:100%;
    text-align: center;
    color:blue;
    font-size:50px;
    font-weight:bold;
    filter: blur(10px);
}