component
ImageRevealMask
By Sanna Granqvist
Details
- Sanna GranqvistAuthor
- componentType
- 2025-11-18Published
- 2025-11-17Updated
- 2025-11-03Added
- EffectsCategories
Summary
Mask-reveal that uncovers an image by scaling a flat overlay.
Description
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
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3946