simple-landing

index.html

<div class="img"></div>
<div class="hatch"></div>

simple-landing.markdown

simple-landing

A Pen by yumyo on CodePen.

License.

style.scss

html, body, img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}

img {
    width: 100%;
    height: auto;
}
.img,
.hatch {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; 
}

.img {
     background-image: 
    url('https://media.giphy.com/media/tL5HmgfZi0Qow/giphy.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.hatch {
    
    background-image: linear-gradient(0deg,
  	#223 25%, #450 25%, #410 50%,
  	#230 50%, #210 75%, #200 75%, #190);
  background-size:6px 6px;
    opacity:.3;
}