Portfolio Grid: Build a Photo Magnet Menu in Webflow

https://webflow-lernen.webflow.io/image-hover-mouse-movement-effect

https://preview.webflow.com/preview/webflow-lernen?utm_medium=preview_link&utm_source=designer&utm_content=webflow-lernen&preview=25ac349dc1edd443449a3691e0fb6d60&pageId=60b0a0c3c9692d3cfb93bbe6&workflow=preview

Open and clone in Webflow Designer

https://webflow.grsm.io/Text-Grid-with-Magnetic-Images-on-Hover

Affiliate Link

In this Webflow tutorial, we'll build a photo magnet text menu together. An image is first displayed with a hover effect and then follows the mouse pointer.
This modern approach is also often used as a project overview on a portfolio homepage.‍

In keeping with that, here's my portfolio challenge on Patreon:
‍https://www.patreon.com/posts/50987059‍

Chapter:

00:00 - Intro
01:28 - Design & structure
03:17 - Important image & mask settings
05:47 - Set up Tracking Mouse Movement
07:46 - Create image hover animation
16:45 - Score
17:03 - Another