transparent png drop shadow

/ Published in: CSS
Save to your folder(s)

This allows you to set a drop shadow around the actual image in a transparent png instead of around the box.

Copy this code and paste it in your HTML
  1. .shadowed {
  2. -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8));
  3. filter: url(shadow.svg#drop-shadow);
  4. -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
  5. Color='#444')";
  6. filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
  7. Color='#444')";
  8. }

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.