ImageRevealMask
Animated mask that reveals an image smoothly on scroll, hover, or tap. Supports gradients, custom easing, and multiple directions.
Made with Workshop
Build your own component with AI
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
