Loading video...
Video Failed to Load
messin' with CSS + SVG filter sticker effects 🧑🍳
160,723 views • 1 year ago •via X (Twitter)
10 Comments

never realized how easy it was to do this until sitting down to read about SVG filters last week 🤦♂️ for the sticker outline: 1. dilate the input with feMorphology 2. flood the color with feFlood 3. combine them with feComposite 4. overlay the input onto the outline with feMerge

Artur is a bit of a wizard with SVG filters and did these some time ago 👏

but honestly, until sitting down and reading all the MDN pages, I didn't know what was possible 😮 had only ever looked at displacement and goo 💀 like, why does SVG have a full on lighting system available with fePointLight & co.? very cool!

anyways - here's the @CodePen if you wanna play with it 🤙 the last thing i'd love to see is if you can like color-burn the holographic turbulence somehow 🫣 feel like you need to bake that into the SVG or do something outside on the element

Nice! Pardon if I missed, do you've a course or anything? I'd love more hardcore premium design engineering resources, hence asking.

this is the dream 💯☁️ I want to make a platform that includes all the things I make with breakdowns and videos 🙏 haven't even had time to sit down and do the newsletter in recent weeks 🥲

awesome man

Gotta love the SVG’s they are so good. Amount of things that can be done with it is astounding.

Amazing 🤯

Great!!! SVG Effects is magic! I´m experimenting with some basic SVG effects lately, any good source or book to learn more about?
