Объединение border-radius с clip-path для отображения противоположного направления. ⇐ CSS

[Anonymous]

Как можно стилизовать изображение так, чтобы радиус границы всех углов составлял 30 пикселей, но правая граница была перекошена?


Все углы должны быть закруглены:

Код: Выделить всё

border-radius: 30px;

Я пробовал использовать clip-path, но при этом радиус границы добавить невозможно:

Код: Выделить всё

Document



[img]https://static.scientificamerican.com/sciam/cache/file/4E0744CD-793A-4EF8-B550B54F7F2C4406_source.jpg[/img]

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