Follow

RT @JoshWComeau@twitter.com

🔥 `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 🥰

Pen: codepen.io/joshwcomeau/pen/mdV

🐦🔗: twitter.com/JoshWComeau/status

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!