PainVignette - Red edge vignette overlay for pain visualization
Renders a fullscreen overlay with red vignette effect that intensifies
as pain increases. Only visible when pain is 5 or higher. Optimized
for 60fps with CSS transitions.
Example
<PainVignettepain={65}isMobile={false}/> // No render if pain < 5 <PainVignettepain={2}isMobile={false}/>
PainVignette - Red edge vignette overlay for pain visualization
Renders a fullscreen overlay with red vignette effect that intensifies as pain increases. Only visible when pain is 5 or higher. Optimized for 60fps with CSS transitions.
Example