Как частично скруглить картинку с помощью css?

Question

[karelina-nat]

Нужно сделать вот такое скругление на картинке

Answer 1

[Артем Золин]

Кстати, это вполне реально, border-radius принимает 8 значений. 35% - это горизонтальный отступ слева сверху и снизу

border-radius: 35% 0% 0% 35% / 50% 0% 0% 50%

Тут есть демо (нажать full-control) и на css-tricks хорошие примеры

Comments

[Ankhena]

border-radius дает гладкие углы
если как-то исхитриться с overflow, то сойдет

Answer 2

[Lord_Dantes]

Через border-radius, не получится скорей всего. Нужен clip-path
https://bennettfeely.com/clippy/

Answer 3

[Ankhena]

Градиентом https://jsfiddle.net/Ankhena/x6y3hgt1/
Или clip-path
Или сразу картинкой