<div class="gradient-pattern"></div>
body {
padding: 1.5rem;
}
.gradient-pattern {
background: linear-gradient(135deg, #333 25%, transparent 25%) -50px 0,
linear-gradient(225deg, #333 25%, transparent 25%) -50px 0,
linear-gradient(315deg, #333 25%, transparent 25%),
linear-gradient(45deg, #333 25%, transparent 25%);
background-size: 100px 100px;
background-color: #ff8a00;
height: 250px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.