Today, we build a cursor-following glow effect in Webflow that feels like it moves smoothly across an entire grid of cards — while always staying perfectly clipped inside each individual card. At first glance, this kind of interaction looks like it should require a lot of JavaScript. But the fun part is: it really doesn’t. In this video, we break down how to create the effect using: ✔ A simple card grid structure ✔ Webflow Variables ✔ Classic Webflow interactions ✔ A clever use of zbackground-attachment: fixed ✔ Just a few lines of CSS We’ll also take it one step further by adding a glowing border effect using the exact same animation logic — so the whole setup stays clean, scalable, and surprisingly simple under the hood. 👉 Watch on YouTube: https://youtu.be/C4iuz300RB8

cloneable,  madeinwebflow,  variables,  mousemoveoverelement,  glow,  gloweffect,  css,  interactions with gsap