Как сделать из обычного фото вот такое на css?

Question

[WebforSelf]

Скажите как сделать чтоб простое квадратное изображение в css видоизменялось на пример выше?
что то даже box-shadow не работает. А уж как кривым сделать ума не приложу.

Answer 1

[Eugene Chefranov]

Comments

[WebforSelf]

а как задать внутреннее свечение? box-shadow не работает с изображениями?

[Eugene Chefranov]

WebforSelf, добавил в пример

[hzzzzl]

WebforSelf, работает, к моему кодепену снизу например добавить
img {
border-radius: 50%;
border-bottom-left-radius: 0;
box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.75);
}

Answer 2

[hzzzzl]

border-radius можно по разному для всех углов задавать
https://codepen.io/anon/pen/LaQWam

Answer 3

[Andrew Garfield]

Как вариант, если вам надо, чтобы изображение изменялось при наведении, то вот.

Comments

[alex-1917]

блин, залип на вашем котейке)))мышку всю изелозил

Answer 4

[Юпитер Макс]

в фотошопе сделайте такую рамку и верхним слоем ее над картинкой