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

Question

[Heorhii]

Всем привет
Подскажите как сверстать див как на скрине, желательно без картинок
Обратите внимание на то что все стороны скругленные, то есть border'ами тут не управиться (уже пробовал)

Comments

[Андрей]

clip-path

[Дима Долготер]

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

сверстать можно косяком https://www.youtube.com/watch?v=yAilYsk6XwI&ab_cha...

Answer 1

[Фин Дел]

псевдоэлементом
либо svg

Comments

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

а чтобы нарисовать такую фигуру в свг что нужно? генератор какойто или в программе типа илюстратора?

[Фин Дел]

генератор какойто или в программе типа илюстратора

Я использую
Figma для этих целей, там можно нарисовать любую фигуру с помощью векторов либо карандаша, далее прям там же можно скопировать svg и уже использовать в своем проекте, либо экспортировать в нужный вам формат .

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

Фин Дел, спасибо

Answer 2

[Фёдор]

Через transform matrix

Comments

[vjufvufcgyf]

печально,что расширенный инструмент никому не интересен, СлОжНо. Ваш ответ замечательный, но кому он нужен, ведь есть transform: skew(-10deg);
: (

[Фёдор]

vjufvufcgyf, Я бы даже написал, что он имеет почти безграничные возможности по созданию форм разных мастей.