Как сделать такой background у секций?

Question

[Konstantin Kudelko]

Ребят как сделать такой, косой background у секций, пробовал через :before и rotate, но с адоптивностью плохо, может еще есть варианты?

Answer 1

[Сергей Горячев]

SVG
https://tympanus.net/Development/SectionSeparators/

Answer 2

[Дмитрий Грабко]

Пример:

-webkit-clip-path: polygon(0% 23%,100% 0%,100% 77%, 0% 100%);

Ну а дальше играйтесь со значениями. Подробнее

Comments

[Сергей Горячев]

Еще б поддержка у решения была нормальная...

Answer 3

[Сергей Лещенко]

Можно с помощью ::before, ::after