Как сверстать такой блок?

Question

[RushV]

Здравствуйте!
Как сверстать такие треугольники?
Как правильно будет?

Comments

[Ivan Ustûžanin]

SVG?

[RushV]

IvanU7n, Можно скачать в Фигма экспортировать SVG.

[ma4t]

если это на сайте открыто, там и посмотри через Инструмент разработчика, как сделано

[Ivan Ustûžanin]

RushV, я имел ввиду, что если разрешён SVG, но делать через накладывание его поверх фотки

[RushV]

IvanU7n, Так лучше будет?

[Ankhena]

RushV, по возможности, предварительно засунуть в псевдоэлемент, чтобы svg не болтался в разметке.

Answer 1

[ArtDrua]

Для того что бы так сделать нужно использовать clip path.

Answer 2

[Marten]

Самый простой вариант сделать в png к примеру верхнюю картинку, просто вгрузить img, и через background задать подложку