Как вырезать необычную форму из img?

Question

[Владислав]

Всем привет, практикуюсь верстать и появился блок в котором изображение необычной формы, кто может подсказать, как такое вообще делать ?

Comments

[imko]

Например свгшку в качестве маски или клип-пути использовать

[Виталий Першин]

Я бы изображение вообще не трогал, просто сверху наложить фигуру

[Aetae]

Виталий Першин, можно наложить даже не svg.:)

Answer 1

[Иван Медведев]

Для начала стоило бы дать по рукам дизайнеру, для профилактики)
А потом можно верстать так: https://codepen.io/iwan-medwedew/pen/XWoNVgP

Comments

[Владислав]

спасибо

[Сергей delphinpro]

не соответствует дизайну.
Здесь только маски/clip-path подойдут

[Иван Медведев]

Сергей delphinpro, ты прямо с макетом сравнил, провел пиксель-перфект анализ?

[Иван Медведев]

Владислав, я дал подход, как можно сверстать, а под дизайн ты уже с цифрами поиграйся.

[Владислав]

Иван Медведев, понял спасибо

[Сергей delphinpro]

Иван Медведев,

ты прямо с макетом сравнил, провел пиксель-перфект анализ?

не надо сравнивать, чтобы увидеть несоответствия. Вот эти скругления

под дизайн ты уже с цифрами поиграйся.

там никакие цифры не помогут.

Что нужно применить я написал выше.

[Иван Медведев]

Сергей delphinpro, пару псевдоэлементов, таких же, как уже применены и все.