← All Generators

Drop Shadow Filter

CSS filter drop-shadow applies to non-rectangular shapes like PNGs with transparency.

Controls

H Offset4px
V Offset4px
Blur8px
Color
Opacity50%

Live Preview

CSS

Generated Code

.element {
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.50));
}