Cursor Image Reveal

Cursor Image Reveal
Cursor Image Reveal

About Cursor Image Reveal

This component reveals a portion of an image as the user’s cursor or touch input moves across it, casting a spotlight effect that follows their movement. The rest of the image remains dimmed or blurred, perfect for drawing attention to specific details in a visually captivating way. Fully customizable and responsive.

Adjustable properties

  • Reveal Size Area

  • Border Width

  • Border Color

  • Border Padding

  • Mask Radius

  • Mask Softness

  • Dim Color

  • Border Radius

  • Blur Intensity

From Alberto Toso

Reactive Text Reveal
Animated Tooltip
Electric Borders
Click to zoom

Related Components

SpotlightHoverCursor
Cursor Name List
Gravity Mouse Trail
Cursor Fluid Trail