Как обрезать углы у блока?

Question

[notequal21]

Как можно сделать такие углы у блока?

Также нужно, чтобы углы были закруглены, фон был прозрачным и все это адаптивно (т.е. при изменение текста, чтобы все смотрелось как надо). Пробовал делать углы, через псевдо-элементы, но с прозрачным фоном не работает как надо.

Comments

[RAX7]

https://qna.habr.com/q/1197622#answer_2222362

[Ankhena]

При однотонном фоне углы делаются градиентами, а скругления с помощью border-radius.

Answer 1

[garbagecollected]

Есть такое свойство CSS clip-path

Comments

[notequal21]

Здесь он особо не подойдет, при изменение размеров углы будут искажаться