Habt ihr euch schon mal gefragt wie man einen gestreiften Hintergrund mit CSS machen kann? Dann hat das warten ein Ende, denn ich zeig euch heute wie sowas umsetzbar ist

Video

HTML

<div class="container"></div>

CSS

:root {
  --farbe-gruen: #289a6a;
  --farbe-gelb: #ffcd00;
  --farbe-rot: #ef3340;
}

html,
body {
  height: 100%;
  margin: 0;
}

.container {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,

    var(--farbe-gruen) 30%,
    var(--farbe-gruen) 30%,
    var(--farbe-gelb) 30%,
    var(--farbe-gelb) 70%,
    var(--farbe-rot) 70%,
    var(--farbe-rot) 100%
  );
  background-size: 120px 100%;
  background-repeat: repeat;
}