ImageRevealMask
Animated mask that reveals an image smoothly on scroll, hover, or tap. Supports gradients, custom easing, and multiple directions.
About this Component
Mask-reveal that uncovers an image by scaling a flat overlay. Supports image or solid color, four directions, auto or in-view or hover or tap triggers, and custom easing. Optional gradient mask, border radius, alt text, and onComplete event.
Fast, responsive, and drop-in for heroes, galleries, and product shots.
Highlights
Directions: left to right, right to left, top to bottom, bottom to top
Triggers: auto, in view, hover, tap
Easing: presets or custom cubic-bezier
Mask: solid or gradient with multiple stops
Accessible: alt text support
