Как установить box-shadow для тега ‹img›, у которого есть изображение с прозрачными углами? (CSS)

У моего изображения прозрачные углы, как у значка. Но как установить box-shadow для тега, который не имеет квадратной формы? Мне нужна тень, повторяющая форму текущего изображения. Есть ли какое-нибудь CSS-решение для этого?


person Simplemathic    schedule 27.08.2017    source источник


Ответы (1)


это может быть тот, который использует фильтр css... читайте о фильтре drop-shadow

img{
  filter: drop-shadow(10px 10px  5px black)
}
<img src="https://static.wixstatic.com/media/2cd43b_72a627d88d92466f94441a9bf97c6727~mv2.png" alt="png" width=200>

person ashish singh    schedule 27.08.2017