Blur Background

by mgoetzke

HTML

<div class="page">
  <div class="bg blur" onclick="this.className='bg'">
 
  </div>
  
</div>

CSS

.bg {
  background: url(https://source.unsplash.com/71_GPMkyOjo/2000x2000);
  background-size: cover;
  width:100%;
  height:100%;
  position:absolute;
}
.blur {
  filter: blur(10px);
}

.page {
  overflow:none;
}

body {
  margin:0;
}