0

enter image description here What I tried with css or svg filter applied to whole image, not only edges of visible areas.

body{
  background:blue
  }
img{
  width:300px;
  /* these did not worked as intented */
  /* box-shadow: inset 0 0 20px white; */
  
  /* filter: blur(10px) */
  
  
}
<img src="https://www.pikpng.com/pngl/b/126-1268896_megan-fox-png-image-megan-fox-transparent-png.png">
Akin Zeman
  • 447
  • 7
  • 9
  • Duplicate of this question: https://stackoverflow.com/questions/3186688/drop-shadow-for-png-image-in-css The drop-shadow-filter from this answer should still work. – Christoph Kern Jan 25 '23 at 15:16
  • not actually, that applies out of image, what I need is edge of inside image. – Akin Zeman Jan 25 '23 at 15:23
  • The drop-shadow property will work for casting shadows around the visible edges of your png. Blurring only the corners is not possible via css. But any decent image-editing software could help you with that. – Christoph Kern Jan 25 '23 at 16:35

0 Answers0