JSFiddle - React, Tailwind, and code Playground

by D S

HTML

<div class="dany">TEXT</div>

CSS

body{
  background: url(http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg)
 }
 .dany:before{
   background: inherit;
   background-color: inherit;
   background-image: inherit;
 }
.dany{
  width:600px;
  height:200px;
  border:1px solid black;
  position:relative;
  background: rgba(230,240,255,0.4);
}
.dany:before{
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  top: 0; right: 0; left: 0;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -o-filter: blur(8px);
  -ms-filter: blur(8px);
}