How it works
CSS mask-image with an inline SVG (text) or a radial-gradient at CSS variables updated from pointer (spotlight).
SVG Mask over Live Video
Knockout typography and a cursor-driven spotlight reveal a playing video.
sketchSVGVideoMotionCSS
Performance
Pointer updates only write CSS custom properties — no React renders.
Accessibility & reduced motion
Video is muted, has no essential content and pauses in reduced mode; a play/pause button is provided.
Mask
Export
{
"mask": "text",
"radius": 160
}