Как сделать нестондартный скос у блока?

Question

[Tizi]

Возникла задача сделать вот такой скос

Но я смог реализовать лишь скос в 1 сторону.

Делал скос с помощью линейного градиента.
Если кто знает как сделать это правильно прошу подсказать или направить в нужное русло

Answer 1

[zoozag]

Через clip-path или mask-image можно

Comments

[Tizi]

Ваш вариант мне помог, В Chrome нормально отображается а в остальных браузерах не работает . как то можно исправить это ??

Answer 2

[Алексей Скляров]

1. Создание псевдоэлементов :before,:after
2. skew()