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