Reveal Image Scroll
Component that reveals an image with a scroll-driven and super-smooth gradient mask.
Make it with Workshop
Build your own component with AI
About this Component
The effect feels lush and cinematic. The super-smooth (multi-stop) gradient paints a soft feather that melts the image.
The optional offset gives a gentle glide that settles to start position.
The motion is quiet, smooth and visually luxury without drawing attention to itself.
Direction is configurable (vertical, horizontal, diagonal), and the reveal can loop with scroll or lock after the first pass.
An optional “Offset From” motion nudges the image from Top/Bottom/Left/Right and eases back to zero; the spacing is user-controlled.
Corners support a live Radius for rounded frames.
