#tinySVGtip How do you create an *inset* shadow on an `img` element?

You might think inset `box-shadow`, but it doesn't work! Really, there are tons of articles & questions on StackOveflow on this very topic.

SVG filters to the rescue for an elegant solution!

✨ offset & blur image
✨ subtract it out of original image alpha ⇒ get black inner shadow
✨ paint it 🍊
✨ place it on top of img

#SVG #filter #inset #shadow #image #svgFilter #code #coding #frontend #webDev #webDevelopment

Here's a starting point for a fediverse StackExchange: Make sure it's interoperable with Lemmy.

Now, you may not get the full feature set on Lemmy, but you should be able to interact with it from Lemmy as if it's a group on there.

#StackExchange #Fediverse #Coding

Mike Conley is a Firefox developer and creator of the long-running video series "The Joy of Coding". You can follow the videos at:

➡️ @mconley@diode.zone

If the videos haven't federated to your server yet, you can browse them all at https://diode.zone/a/mconley/videos

You can also follow Conley's general account at @mconley@mozilla.social

#FeaturedPeerTube #Programming #Coding #Dev #SoftwareDevelopment #Developers #Firefox #Mozilla #PeerTube #PeerTubers

Mike Conley

Diode Zone is a friendly place for original content with a focus on creativity and electronics!

^{Diode Zone}