CSS Drop Shadow Generator

This function is somewhat similar to the box-shadow property. The box-shadow property creates a rectangular shadow behind an element's entire box, while the drop-shadow() filter function creates a shadow that conforms to the shape (alpha channel) of the image itself.

Options

Horizontal offset
5
Vertical offset
5
Blur
10

Preview

Code

Web Code Tools © 2021, by Jason Macfarlane