Blocks · Backgrounds

Dot Grid Spotlight

Dot grid lights up under the cursor — bright accent dots revealed through a radial mask.

SLUG: bg-dot-grid-spotlightREACTS: pointerDIAL: --bg-dot-amount / --bg-dot-spot↩ Backgrounds

01 · live

Hover to light the dots

backgrounds · dot grid spotlight

A radial mask reveals the accent dots only where your cursor is — every other dot stays in shadow.

View HTML

<section class="bdg-stage lsd-pointer">
  <div class="bdg-grid"></div>
  <div class="bdg-spotlight"></div>
  <!-- content -->
</section>

LSD blocks · Backgrounds · Dot Grid Spotlight