velvety variable font weight hover with gsap
Web Bae Web Bae
8.45K subscribers
3,978 views
196

 Published On Mar 28, 2024

Let's recreate this velvety variable font weight hover animation with GSAP! I stumbled on this animation when Julian posted it on LinkedIn and had to poke around the code! I changed a few things: removed jQuery, trimmed down the code, refactor to module syntax, add match media query to only run the code on desktop, and reduce the burden of mathematics with GSAP mapRange utility. Big ups to Julian for sharing this one!

🤝 Julian's:
https://webflow.grsm.io/cloneable-is-...

👯‍♀️ Clone it:
https://try.webflow.com/cloneable-is-...

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon:   / webbae  
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// Connect
🙋‍♀️ Join the Discord:   / discord  
🐥 Follow Me!   / webisbae  

show more

Share/Embed