<span class="detail"></span>
<span class="tie"></span>
span {
  background-image:
    linear-gradient(
      white 50%,
      #808080
    ),
    repeating-linear-gradient(
      45deg,
      #e0e0ff 0px,
      #ffffff 2px,
      #e0e0ff 4px
    ),
    repeating-linear-gradient(
      -67.5deg,
      #a0a0c0 0px,
      #ffffff 6px,
      #e0e0ff 8px
    ),
    repeating-linear-gradient(
      45deg,
      #ee3333,
      #ee3333 24px,
      #22222b 24px,
      #22222b 88px,
      #ee3333 88px
    );
  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.