Kombinirani divove sa kose strane

Kako mogu izvediti samo sa CSS da dizajn izgleda ovako kao na sliku ?

CSS transform skewY

Potpis

http://sr.libreoffice.org — slobodan kancelarijski paket, obrada teksta, tablice,
prezentacije, legalno bez troškova licenciranja

skewY je ok, ali ne znam dali si primetio, ugao pod kojim se zakoseni rabove na temnije div-ova nije ist gore i dole

Nisam primetio. Izgleda da ćeš morati da razdeliš svaki levi div u tri reda pa da ih preklopiš. Možda da imaš div u sredini, a da kosine dodaš sa :before i :after

Potpis

http://sr.libreoffice.org — slobodan kancelarijski paket, obrada teksta, tablice,
prezentacije, legalno bez troškova licenciranja