Shadow on Shapes
Published: March 8, 2020
You can't use
box-shadow on elements with
clip-path or images(png or svg) that are transparent. We have to use
drop-shadow. For images, you can use the filter directly. But for clip-path, it needs to be a child element (
::before can be used to avoid wrapper elements).
filter: drop-shadow(1px 5px 5px red);