Can you add a non-square drop shadow to PNG content with CSS?

Kirk Strobeck picture Kirk Strobeck · Jun 22, 2011 · Viewed 78.6k times · Source

Is it possible to do a drop shadow on the content of a PNG?

Not a square, but an object drop shadow that
acts on the non-transparent content of the PNG.

Answer

Slake picture Slake · Jun 14, 2013

It's definitely possible.

Using filters, sample:

img { 
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter:         drop-shadow(5px 5px 5px #222); 
}