context-aware css card glow/shine effect 👨‍🍳 the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙 check it 👇

s/o to @steve_hayes who sniped me in Slack with a prompt that i felt obliged to explore/prototype quick 😁 it's a play on the glow cards we did a year or so back — you can play with all the controls in this @CodePen 🤙

remember this?

sure do!

Please share the code to this, this would be so cool in a shadcn registry

Nice, what about shining thru? :)

Appreciate the work on this, amazing execution 🙌

appreciate you pinging/sniping me! 🙏 can't resist having a go at putting things like this together 😁 hopefully it helps get this feature in the right direction or stirs another idea for us! 💡

Hoping we can implement some flavor of this when this work ships! I’ll keep ya updated. There was also some interest from another designer for using this pattern in dev docs 👀

keep me posted 👀 always happy to iterate and riff on other ideas 👨‍🍳

Thanks guys @jh3yy and @steve_hayes for this inspiration. Very fun stuff

This is genius. I need to find a reason to use it now!!

that's genius

love to see these type of experimental work! amazing @jh3yy 🙌

Nice effect! Makes the icons pop. Any chance of sharing the code too?

this is both beautiful and functional, great work

🤔This glow effect is super cool! The duplicate-and-scale trick is clever for that dynamic feel. Wondering if it could be adapted for a hover effect on cards with images too? 🤔

@designgurra

so cool effect

@timvandaats

Loved it!

What about the border?

It’s beautiful, I’ll implementing in my next landing

Brilliant 👌

Wait thats smart af When course drop?

looks clean

such a brilliant way of doing this 😁

🤯

cc @benmoha

Very cool! 🤙

The effect is magical. And you did reveal it like "The Prestige" movie.

Nutty 🤙

Love it.

Stealing this

Thats really goo, I like it! , Would be interesting on input fields

@Saadeghi you did something similar with hover-3d recently

Geeeeeeeze. That is so dang clever.

@grok what would the html and css look like to make this