Create a spotlight effect to reveal content

Learn how to build a mouse‑tracking spotlight that reveals part of a section as visitors move their cursor. In this short tutorial, we’ll combine overlays, masks and mouse effects so a circular “light” follows the pointer, dimming everything else and guiding attention exactly where you want it.

Turn any section into an interactive moment with a moving spotlight effect. In this tutorial, you’ll design a dark overlay, cut out a circular “window,” and connect it to the cursor so the spotlight tracks every move. Use this setup to add interest to any site and keep site visitiors engaged with your content.