seeded noise reveal dialog 🔊 powered by staggered css masks check the exploded view ↓

Showing the exploded view makes it easy to see how the staggered masks build the reveal. Lovely detail.

i think i can do a better job 🤔 gonna see if i can iterate a little

this looks sick 🔥🔥🔥

thanks! 🙏

Jhey at it again 🔥

we tryin' out here 🙏

@dghez_ vibes

Wow you can do that with css?

yeah, it's basically "sprite masks" 🤓 i've shared them before, but not restricted to a piece of ui like this

ah thank you for sharing the exploded view! i was frustrated and hope this is the unlock

ahh - if you get stuck with it, can always dm me or ping an issue on my /ama 🙏 (for anything really) the trick to this is using value noise and scaling it across frames, then i stagger their use across a mask

🫶

you really mastered the breakdowns 🤯🔥

i kinda like this exploded handwriting script style atm 😅

Wow audio is on point

i'm fully embracing my web audio era 😅

had to pause and replay just to parse how this effect works

did i game the algorithm correctly? 😅 don't think it worked this time

Algo is ducked up. But, this is insanely great.

👍 👍 👍

🙏🙏🙏

Sick, and the breakdown 🤌🏻

appreciated! 🙏

Such a nice way to open a dialog 😍

it's very configurable too, colors, direction, seed, speed, etc. fun to play with 😁

Mate wtf you're absolutely cooking. This is sick

thank you, appreciate that 🙏 keeps me pushing out these little pieces

the exploded view is such a nice touch. seeing how the staggered masks stack makes the whole effect click

I LOVE THIS SO FREAKING MUCH MAN

masks are the right call for reveals. tried it with curved blades on pins instead, so the page opens like a camera iris.

the true definition of design engineering is this --> able to create, able to break down how it's being done