Looking through Dirty Glass

index.html

<div class="wasteland"></div>
<div class="glass"></div>

looking-through-dirty-glass.markdown

Looking through Dirty Glass

Inspired by the opening credits of The Walking Dead.

A Pen by Chris Smith on CodePen.

License.

style.css

body {
  margin:0;
}

.wasteland {
  animation:zoomIn 10s linear infinite alternate;
  background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/71829/wasteland.jpg);
  background-size:cover;
  height:100vh;
  position:fixed;
  width:100vw;
}

.glass {
  animation:zoomIn 10s linear infinite alternate-reverse;
  background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/71829/5791996587_7b192ffbf7_o.jpg);
  background-size:cover;
  height:100vh;
  opacity:.3;
  position:fixed;
  width:100vw;
}

@keyframes zoomIn {
  0% {
    transform:scale(1);
  }
  100% {
    transform:scale(1.5);
  }
}