Как создать прямоугольный блок с углами неправильного радиуса границы в CSS? [закрыто] ⇐ CSS

[Anonymous]

Я пытаюсь создать коробку, похожую на ту, что на прикрепленном изображении, с закругленными углами, но с некоторыми неровностями радиуса границы. В частности:
Верхний левый и нижний правый углы имеют небольшую кривизну (легко), а верхний правый и нижний левый углы имеют границы, выходящие за пределы рамки.
Я пробовал использовать border-radius в CSS, чтобы настроить каждый угол независимо, но не могу полностью воспроизвести эту форму.


Есть ли способ добиться этого эффекта на чистом CSS? Или мне нужен SVG или более сложный метод?
Спасибо за советы!

Подробнее здесь: https://stackoverflow.com/questions/791 ... ers-in-css