Create interactive images with the Reveal effect
Shorthand's Reveal effect is a powerful way to show comparisons between two or more images, such as before-and-after shots, or to add or remove layers as the reader scrolls
See, for example:
- The overlaying of maps in Two World Collide, by Global Witness
- The "then and now" photos in After the floods, by the Telegraph
- The lighting strike example, and "peel-off" infographic in Arms Wide Open by BBC News.
- Step-by-step graphics breaking down the process in We go to where they are, by Marie Stopes International
- Before and after renovation project in This is what it takes to renovate a 99-year-old mansion in New York City by Business Insider
To create a Reveal effect, insert the Reveal section, upload your images, and choose the transition between them.
The transitions work on mobile just as they do on web (but remember you may want to upload a different image for portrait screens).
For inspiration, watch our video of examples below:
If you'd like to have a text field over the top, that scrolls over your images, you can achieve the Reveal effect using two or more Text Over Media sections, one immediately after the other, with background images. But you will be limited to the upwards reveal effect, which is the default transition for this section.