Premium
Flashlight Cursor Reveal
A pitch-dark landing hero where the pointer is a warm torch: a soft radial mask reveals a night-forest illustration and the headline under it, an owl's and a fox's eyes catch the beam, then the beam finds the call to action, clicks, and the lights come up.
Written and rendered by AI CSS Animations Nov 2, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5 in Claude Code
- Built in
- HTML/CSS
- Topics
- Interactive · Landing page
About this style
Flashlight reveals turn a hero section into something to explore: the page loads dark and the pointer becomes a beam that uncovers what sits beneath it. Done well, the light has a soft, warm falloff, the hidden scene rewards searching, and the effect hands off to a normal, readable page once the visitor has found the call to action. It suits events, games, night-time products and launches that want a moment of discovery.
Premium
Unlock the prompt
Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.
Similar prompts
A dark ROI calculator where a cursor drags three sliders (team size, hours lost per week, hourly cost) and the net savi…
A dark landing-page hero where a 64 by 36 field of hairline dots leans toward the cursor like iron filings and springs…
A scroll-driven news feature: narrative cards slide up the left column while a sticky chart on the right morphs step by…
An interactive three.js camera-focus explainer: turn the focus ring and the glass elements shift, sliding the plane of…
More like this on the motion design inspiration board: Landing page animation inspiration