Как сделать адаптивное вогнутое изображение?

Question

[neytan]

Добрый день, как сделать адаптивное вогнутое изображение, желательно еще с рамками. Вот нашел пример:

Comments

[snap44]

Для дизайнера отдельный котел в аду.

[Andrej Sharapov]

Если присмотреться, то оно не вогнутое. Такой эффект создается благодаря дугам, которые можно сделать посредством псевдоэлементов или свгшками

Answer 1

[Ankhena]

Псевдоэлементы, border-radius, позиционирование и overflow hidden.
Рамка border'ом :)

вот начало: https://jsfiddle.net/nqp3t4w9/

Comments

[neytan]

Можно где то подробнее про это почитать?

[Ankhena]

neytan, про что именно?

[Ankhena]

neytan, вот начало: https://jsfiddle.net/nqp3t4w9/

[neytan]

Спасибо, то что нужно.

Answer 2

[Евгений]

Svg и маска

Comments

[neytan]

а где почитать об этом?