Как можно сделать такой круг силами CSS?

Question

[Maxim Fol]

Как можно сделать такое :


Как я понимаю там и inner shadow и border-radius, и border-image (два последних как известно не работают вместе).
Есть какой то способ все это сделать ?

Answer 1

[mdss]

оборачивайте изображение во что-нибудь, и уже у этого слоя создаете псевдоэлемент с внутренней тенью.
Пример:
https://codepen.io/mdss/pen/wrbOdJ

Answer 2

[Максим Тимофеев]

Картинки надо 2. Кладем их на фон в блоках, блоки 1 в другом, у внутреннего размеры меньше и псевдоэлемент before с радиальным градиентом. Всем border-radius:50;

Comments

[Сергей delphinpro]

одна и та же картинка фоном на двух блоках. На заднем фон чуть более 100% через bgsz. У внутреннего inset box-shadow

[Максим Тимофеев]

Сергей, под 2 картинки я и имел ввиду одинаковые. 1 картинка -2 ссылки на нее.