Как сделать сложную форму у div?

Question

[Руслан Аксёнов]

Кто то знает как сделать такую форму у карточки товара? Форма как герб, но сильно закругленная.

Comments

[Антон Литвиненко]

когда уже можно будет бить дизайнеров....

[Руслан Аксёнов]

Антон Литвиненко, прочитай мой статус :-)

[Антон Литвиненко]

Руслан Аксёнов, ты его сожрал?

[Руслан Аксёнов]

Антон Литвиненко, съел и запил колой.

Answer 1

[RAX7]

Comments

[Фёдор]

Воу, объясните пожалуйста, что значит данная запись --w? Впервые такое вижу.

[RAX7]

Фёдор, https://developer.mozilla.org/ru/docs/Web/CSS/Usin...

[Фёдор]

RAX7, Спасибо, почитаю на досуге

Answer 2

[Максим]

https://codepen.io/topicstarter/pen/RwpVQEB - примерно так

Answer 3

[Денис Бондаренко]

Самое простое - сделать обычный div прямоугольником со скруглёнными границами, а на него налепить блок-галочку (можно псевдоэлементом через :after).

Comments

[Руслан Аксёнов]

Нужен плавный переход от угла треугольника к стороне

[Денис Бондаренко]

Извиняюсь, проглядел(
Тогда svg