<span class="detail"></span>
<span class="tie"></span>
span {
  background-image:
    linear-gradient(
      white 50%,
      #808080
    ),
    repeating-linear-gradient(
      45deg,
      #a0a0c0 0px,
      #ffffff 6px,
      #e0e0ff 8px
    ),
    repeating-linear-gradient(
      -67.5deg,
      #e0e0ff 0px,
      #ffffff 2px,
      #e0e0ff 4px
    ),
    repeating-linear-gradient(
      -45deg,
      #ffffdd,
      #ffffdd 4px,
      #3b3b33 4px,
      #3b3b33 12px,
      #ffffdd 12px,
      #ffffdd 18px,
      #3b3b33 18px,
      #3b3b33 26px,
      #ffffdd 26px,
      #ffffdd 30px,
      #3b3b33 30px,
      #3b3b33 38px,
      #ffffdd 38px,
      #ffffdd 44px,
      #3b3b33 44px,
      #3b3b33 52px,
      #ffffdd 52px,
      #ffffdd 56px,
      #3b3b33 56px,
      #3b3b33 64px,
      #ffffdd 64px,
      #ffffdd 70px,
      #3b3b33 70px,
      #3b3b33 78px,
      #ffffdd 78px,
      #ffffdd 82px,
      #3b3b33 82px,
      #3b3b33 288px
    );
  background-blend-mode: multiply;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.