Как такой фон сделать?

Question

[Syrone]

На этом фоне будет размещаться какой-то контент и соответственно на мобилках оно расширяется по высоте.

Вот и интересует есть ли способ написать как-то на CSS?

Comments

[historydev]

clip-path

[Ankhena]

clip-path
градиенты
svg на фоне
псевдоэлементы с треугольниками
...

Answer 1

[Syrone]

Погуглив свойство clip-path наткнулся на этот прикольный сайт - https://bennettfeely.com/clippy/
Здесь почти любое решение найти можно.

Answer 2

[mozhno]

Можно сделать 2 прямоугольника, составить из них линию и оба прямоугольника сместить вниз с помощью transform: rotate;

Comments

[Сергей delphinpro]

transform: skew