<div class="container-1"></div>
<div class="container-2 zigzag"></div>
<div class="container-3 zigzag"></div>
<div class="container-4 zigzag"></div>
body {
      background: #0c0c0c;
}

.container-1 {
      width: 100%;
      height: 100px;
      background: #0c0c0c;
}
.zigzag {
      position: relative;
      width: 100%;
      height: 200px;
      -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 2px);
}
.zigzag:before {
      content: "";
      display: block;
      position: absolute;
      top: -10px;
      width: 100%;
      height: 10px;
}
.container-2 {
      background: #e2e2e2;
}
.container-2:before {
      background: linear-gradient(
                  45deg,
                  transparent 33.333%,
                  #e2e2e2 33.333%,
                  #e2e2e2 66.667%,
                  transparent 66.667%
            ),
            linear-gradient(
                  -45deg,
                  transparent 33.333%,
                  #e2e2e2 33.333%,
                  #e2e2e2 66.667%,
                  transparent 66.667%
            );
      background-size: 20px 40px;
}
.container-3 {
      background: #fff;
}
.container-3:before {
      background: linear-gradient(
                  45deg,
                  transparent 33.333%,
                  #fff 33.333%,
                  #fff 66.667%,
                  transparent 66.667%
            ),
            linear-gradient(
                  -45deg,
                  transparent 33.333%,
                  #fff 33.333%,
                  #fff 66.667%,
                  transparent 66.667%
            );
      background-size: 20px 40px;
}
.container-4 {
      background: #0c0c0c;
}
.container-4:before {
      background: linear-gradient(
                  45deg,
                  transparent 33.333%,
                  #0c0c0c 33.333%,
                  #0c0c0c 66.667%,
                  transparent 66.667%
            ),
            linear-gradient(
                  -45deg,
                  transparent 33.333%,
                  #0c0c0c 33.333%,
                  #0c0c0c 66.667%,
                  transparent 66.667%
            );
      background-size: 20px 40px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.