How to Build Magnetic Tooltips with GSAP Flip

Опубликовано: 18 Октябрь 2024
на канале: Web Bae

2,129

121

Let's create this mouse-following magnetic tooltips with GSAP Flip plugin in Webflow as seen at usetola.com. We'll create mouseenter and mouseleave events on our CMS items in conjunction with the greensock animation platform FLIP plugin to create a unique and wonderful little tooltip component.

🫡 Inspo: https://usetola.com/

// CLONE IT
👯‍♀️ https://try.webflow.com/cloneable-is-...

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

// 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...

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