console
<html>
<head>test</head>
<div class="container">
<div class="stripe"></div>
<div class="stripe"></div>
<div class="stripe"></div>
</div>
<div class="stripe2"></div>
</html>
.container {
display: flex;
}
.stripe {
width: 32px;
height: 28px;
background: linear-gradient(
135deg,
#f5c597 25%,
#ee8e2f 0,
#ee8e2f 50%,
#f5c597 0%,
#f5c597 77.8%,
#ee8e2f 0
);
background-size: 32px 28px;
}
.stripe2 {
width: 232px;
height: 143px;
background: linear-gradient(
135deg,
rgba(11, 40, 82, 0.6) 25%,
rgba(9, 95, 216, 0.2) 0,
rgba(99, 148, 216, 0.2) 50%,
rgba(11, 40, 82, 0.6) 0%,
rgba(11, 40, 82, 0.6) 75%,
rgba(99, 148, 216, 0.2) 0
);
background-size: 32px 32px;
}