Comment définir l'ombre de boîte à une balise <img> qui a une image avec des coins transparents? (CSS)

Question

Mon image a des coins transparents, comme une icône. Mais comment puis-je définir une ombre de boîte pour l'étiquette qui n'est pas en forme de carré? Je veux une ombre qui suit la forme de l'image actuelle. Existe-t-il une solution CSS pour cela?

Answer 1

il peut être un filtre à l'aide de CSS ... lire filtre d'ombre portée

img{ 
 
    filter: drop-shadow(10px 10px 5px black) 
 
}

<img src="https://static.wixstatic.com/media/2cd43b_72a627d88d92466f94441a9bf97c6727~mv2.png" alt="png" width=200>