Drop shadow for PNG image in CSS

I have a PNG image, that has free form (non square).

I need to apply drop-shadow effect to this image.

The standard approach …

-o-box-shadow:      12px 12px 29px #555;
-icab-box-shadow:   12px 12px 29px #555;
-khtml-box-shadow:  12px 12px 29px #555;
-moz-box-shadow:    12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow:         12px 12px 29px #555;

… displays shadows for this image, like it is a square. So, I see my image and square shadow, that doesn’t follows the form of object, displayed in image.

Is there any way to do it properly?

15 Answers
15

Leave a Comment