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

Question

[WebforSelf]

Есть вот такой блок, как лучше его сверстать? clip-path? или есть более правильные методы? вроде как clip-path не везде поддерживается.

Answer 1

[WapSter]

clip-path лучший вариант, так как там не только срез но и закругление. Ещё можно svg картинку нарисовать и ее вставить фоном. Видел как такое при помощи градиентов делают, но не могу найти пример кода.
Как вариант можешь сделать без скруглений при помощи псевдоэлемента, а через @supports добавить вариант с clip-path