Torn Reveal
Pictures that tear open between the two words of a title.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- roughness
- spread
- frequency
- smoothing
What it does
Torn Reveal is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called on scroll filter effect, ragged image reveal or split title reveal.
Two words of a title sit together, then slide apart as the page scrolls while a photo tears open in the gap, from a ragged scrap to a clean frame. Scrolling back closes it. Reduced motion shows every picture open.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.