Как сделать тень для img?

Question

[dKosolap]

Мне нужна такая тень


при помощи этого кода я добился такого результата
код: .ava img{
border-radius: 50%;
-webkit-box-shadow: inset 9px 9px 30px -12px rgba(0,0,0,0.7);
-moz-box-shadow: inset 9px 9px 30px -12px rgba(0,0,0,0.7);
box-shadow: inset 9px 9px 30px -12px rgba(0,0,0,0.7);
width: 120px;
height: 120px;
}



как сделать как на макете?
P.S делал тень на генераторе, проблема в том что тень ложится под картинку а не на нее

Answer 1

[HamSter]

генератор в помощь

-webkit-box-shadow: inset 0px 9px 50px 9px rgba(0,0,0,0.7);
-moz-box-shadow: inset 0px 9px 50px 9px rgba(0,0,0,0.7);
box-shadow: inset 0px 9px 50px 9px rgba(0,0,0,0.7);

Comments

[dKosolap]

P.S делал тень на генераторе, проблема в том что тень ложится под картинку а не на нее

[HamSter]

dKosolap: codepen.io/semenchenko/pen/ZOzpdx

Answer 2

[Никита Кит]

Сделай размытие в 20-15px , а растяжение, в -30px, и rgba(0,0,0, примерно от 0.8 до 0.9)
Вот справочка htmlbook.ru/css/box-shadow

Comments

[dKosolap]

P.S делал тень на генераторе, проблема в том что тень ложится под картинку а не на нее

[Никита Кит]

dKosolap: попробуй указать значение свойства inset после rgba