How to make a transition between sections, as in the picture?

Question

css

In general, here is the transition itself at an angle.

Answer 1

Can it be like this

Answer 2

But it's best to create a colored background in each section (usually a separate div with basic styles position:absolute;z-index:1;left:0;top:0;width:100%:height:100%; - set the background color yourself ). And apply the css-property to this div as well (choose the value yourself) mosobogrev.ru - implemented here babycarmebel.ru - and here transform: skewY(-10deg)