Как к круглой картинке добавить тень для неё, а не для блока?

Question

[Семён Катапаров]

Как к круглой картинке добавить тень для неё, а не для блока?
Получается что тень идёт квадратом. Что делать?

Answer 1

[kn1ght_t]

блоку-родителю добавь
border-radius: 100%;

Comments

[Aleksandr]

зачем родителю? Самой картинке и добавить. Только border-radius: 50%; display: inline-block;

[Семён Катапаров]

Добавил. Ничего не изменилось
Выглядить так:

[Семён Катапаров]

https://gyazo.com/580d700299d6a2be82208e5e5c58c000

[Семён Катапаров]

Aleksandr: уже сделал

[Семён Катапаров]

Aleksandr: не помогло

[display: block]

Михаил Дмитриев: Самой картинке добавить радиус codepen.io/anon/pen/aNLpVm

[Семён Катапаров]

qork: Спасибо!

Answer 2

[Aleksandr]

Круглых растровых картинок не бывает в вебе =)

Comments

[Семён Катапаров]

Там прозрачность

Answer 3

[Alex]

elem {
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}

Работает пока не везде. Ну и конечно можно сделать блоку border-radius.