Drop Shadow CSS Generator

Chrome icon
Firefox icon
Safari icon
Edge icon
Opera icon

This function differs from the box-shadow property. The box-shadow property creates a rectangular shadow behind an element’s entire box. In contrast, the drop-shadow() filter function creates a shadow that conforms to the image’s shape (alpha channel).

Options
5 px
5 px
10 px
Preview
Loading preview...
Code
Loading code...
Web Code Tools © 2024. All rights reserved.
We participate in the Cloudways Affiliate Program, which means that if you click on a link to Cloudways and sign up for their services, we may earn a commission at no extra cost to you. Our recommendations are based on our genuine experience and expertise with their platform.