Uploaded March 2026 | Updated September 2026, 2 weeks ago

---

Learn how to add a glowing, mouse‑tracking shine to any element in Wix Studio. In this quick demo, we’ll layer shapes and effects, then tie them to cursor movement so the light follows every move—adding extra shine to client sites in more ways than one.

Here's the code you need:
.shine{
background: linear-gradient(120deg,
rgba(255,255,255,0)0%,
rgba(255,255,255,0.8),45%,
rgba(0,11,255,0)100%);
filter: blur(20px);
border-radius: 10px;
mix-blend-mode: overlay;
}

—

Learn more about Wix Studio:
wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com

Follow us on social media:
➔ Instagram: instagram.com/wixstudio
➔ X: twitter.com/wixstudio
➔ TikTok: tiktok.com/@wixstudio
➔ Facebook: facebook.com/WixStudio
➔ Discord: discord.com/invite/wixstudio

About Wix Studio:
Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency.

Subscribe to our channel:
➔ youtube.com/@WixStudio?sub_confirmation=1