How to Build Magnetic Tooltips with GSAP Flip
Web Bae Web Bae
8.45K subscribers
1,976 views
116

 Published On May 1, 2024

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  

show more

Share/Embed