mask spotlight focus reveal presentation presenter spotlight moments single-frame emphasis focused evidence callouts everything on screen has the same visual weight need a presentation-like focus state want spotlight emphasis without canvas
Spotlight Reveal
Fetch snippet JSON:
curl https://webspire.de/snippets/masks/spotlight-reveal.json Background
Customize
Quick Start
<div class="spotlight-reveal">Focused content</div>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- A11y
- prefers-reduced-motion
- Size
- 404 bytes · 19 lines
- Custom Properties
-
--spotlight-size--spotlight-x--spotlight-y - Classes
-
.spotlight-reveal
mask spotlight focus reveal presentation
Masked spotlight that reveals one focused zone while the surrounding surface stays softened.