CSS: Background split in 4

4 boje za background

by Dejan Munjiza

HTML

<div class="test"></div>

CSS

.test{
  width: 100%;
  height: 100vh;
  background: linear-gradient(to right, #FFF 0%, #FFF 50%, #008DD2 50%, #008DD2 100%), linear-gradient(to right, #F2651C 0%, #F2651C 50%, #BCC375 50%, #BCC375 100%);
  background-size: 100% 50%;
  background-position: center top, center bottom;
  background-repeat: no-repeat;
}