Vignette
A darkened edge around the viewport — drawing the eye to the center and adding cinematic depth.
What you're seeing
The subtle darkening at screen edges — like a camera lens effect that focuses attention inward.
Where you'll see it
Full-bleed hero sections, video backgrounds, immersive experiences.
Difficulty
Very low — 1/5
Libraries that build it
CSS only
Ready to prompt — paste this into your AI coding tool
"Apply radial-gradient from transparent center to rgba(0,0,0,0.5) at edges as a fixed pseudo-element overlay"