Как сделать такую выпуклость у картинок?

Question

[angry_yum]

Собственно как сделать вот такую вот другу. Без after/before?

Answer 1

[Ankhena]

https://bennettfeely.com/clippy/
SVG, SVG mask

Если ИЕ10, то вообще через border-radius
https://developer.mozilla.org/en-US/docs/Web/CSS/C...
https://9elements.github.io/fancy-border-radius/fu...

Comments

[angry_yum]

Забыл упомянуть. Нужна поддержка ie 10 - а так бы давно так бы реализовал через clip

[Ankhena]

angry_yum, border-radius, ссылки в ответе

[angry_yum]

Разве бордером получиться сделать именно такую дуру, ибо у меня нифиго не получилось.

[Ankhena]

angry_yum, дугу - да, но углы будут чуть смягчены, но вряд ли пользователей ИЕ10 это сильно расстроит.
Можно обрезать еще одной оберткой с overflow hidden и чуть меньшим размером.

Либо маски SVG и полифил, 11му поможет, но не уверена про 10ый

[angry_yum]

О, за генератор большое спасибо, в принципе подойдет)

Answer 2

[Владимир Проскурин]

На border-radius вот так получится https://jsfiddle.net/Vlad_IT/tby4dsar/1/ но углы не острые.
Присмотритесь на картинку, я там вижу картинку круг в прямоугольнике с overflow: hidden