PArent Element have Blurred background

by Kheema Pandey

HTML

<div class="con">
    <h1>Heading</h1>
  </div>

CSS

div.con:before{
  content:'';
  position:absolute;
  display:inline-block;
  height:90px;
  width:100%;
  z-index:0;
  left:0;
  filter: blur(10px);
-webkit-filter: blur(10px);
 -moz-filter: blur(10px);
  /*background:rgba(30%, 45%, 64%, .6);*/
  background:url("http://lorempixel.com/400/200");
}
h1{position:relative; color:gold;}