balnit (@balintferenczy) 's Twitter Profile
balnit

@balintferenczy

handcrafted artisanal code maker,
dev @guildxyz

ID: 982732589185290240

calendar_today07-04-2018 21:31:22

199 Tweet

1,1K Followers

263 Following

balnit (@balintferenczy) 's Twitter Profile Photo

Built dynamic, real-time 2D shadows and light blocking, all in CSS. No WebGL, no shaders. A super fun and versatile effect, perfect for CTAs and hero sections. Getting it right took some tweaking! Got ideas for cool demos where this could shine? Might make it into a CodePen

Guild (@guildxyz) 's Twitter Profile Photo

A new era of Guild begins today 🏰 After half a year of building, we're bringing you a faster, smarter, and more powerful Guild than ever. Join our community: era.guild.xyz/guild The new era starts now, and we’re building it with you.

balnit (@balintferenczy) 's Twitter Profile Photo

Rotate and scale a sticker - with just one handle. Love when interactions get this clean! Took a few stages to get here though - don't stop at the first idea.

balnit (@balintferenczy) 's Twitter Profile Photo

Embroidery in the browser 🪡🧵 The reveal animation is css, combining two gradients as mask image. The embroidery effect is some blend mode magic, and svg filters for bump map based lighting effects, with mask edge displacement.

balnit (@balintferenczy) 's Twitter Profile Photo

Did not expect this to blow up - over 1M impressions, absolutely wild 🤯 Thanks for all the support and kind words! Now cooking up a Safari-safe version, crazy how rough SVG filter support still is there (even more weird, considering liquid glass on the web)