Как реализовать 5-угольный блок с одним бекграундом?

Question

[AlexanZem]

Как можно реализовать такой блок?
В css получается только однотонный или градиент.
А на SVG не знаю как сделать на 100% ширины экрана, только фиксированный размер получается по точкам.

Подскажите кто знает, как можно сделать?

Answer 1

[Ivan Bogachev]

Где-то я уже видел что-то такое...

Как верно заметил Sergey Goryachev , люди даже про один и тот же макет спрашивают (facepalm):
Как сделать адаптивный треугольный блок?
Как сделать такие скошенные края у div?

Comments

[AlexanZem]

Спасибо

Answer 2

[Денис Букреев]

SVG-маски

Answer 3

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

Как сделать адаптивный треугольный блок?
Адаптивный блок с косыми углами?
Треугольный div блок?
Сколько еще одинаковых вопросов найдется.