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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»