🔥 `box-shadow` doesn't work well with transparent images. `filter: drop-shadow` does what you'd expect, adding a shadow to the image's contents.

.my-img {
filter: drop-shadow(1px 2px 3px black);

CSS filters are so rad 🥰



Sign in to participate in the conversation
Design.Systems Toots

The social network of the future: No ads, no corporate surveillance, ethical design, and decentralization! Own your data with Mastodon!