<div class="test">Test</div>
.test {
  width: 50%;
  height: 50vh;
  background-color: #ffcccb;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 18px,
    rgba(255, 255, 255, 1) 18px,
    rgba(255, 255, 255, 1) 36px
  );
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.