On most pages, the best photograph you own is treated like a paragraph. It loads, it sits there, and the reader passes it at the speed of a scroll wheel. Whatever was worth photographing gets about a third of a second.
A reveal changes the deal. The image uncovers itself as the reader reaches it, and that small delay buys attention the picture would never otherwise get, because motion arrives before comprehension does.
The Elementor image curtain in Sky Addons Pro 5.0 does exactly that, on scroll or on hover, to images you already have on the page.
| A static image | An Elementor image curtain |
|---|---|
| Registered in a glance | Held for a beat, then read |
| The same on arrival and on exit | Arrives when the reader does |
| Needs size to get attention | Gets attention at any size |
| Nothing to respond to | Reacts to scroll or hover |
Scroll or hover. Scroll reveals suit the images that carry a page. Hover reveals suit galleries, where the visitor chooses what to uncover and the page stays calm until they do.
Direction. Left, right, up or down, and the direction should follow the composition. A landscape uncovering sideways feels natural; the same image uncovering upwards can feel like a blind being raised.
Speed and easing. Slow enough to be noticed, fast enough not to delay the reader. Around half a second is the range that reads as designed.
A curtain colour that belongs to the page. The panel that slides away can match the section background, so the reveal looks like the page opening rather than a rectangle moving.
It applies to images already on the page. No special widget, so an existing gallery or hero can get this without a rebuild.
Reduced motion is respected. Visitors who ask for less movement see the image, immediately, with no reveal at all, which is the correct behaviour for a decorative effect.
One reveal per screen. Three images uncovering at once is a slideshow, and a slideshow is something people wait through rather than look at.
Attention on a web page is granted in fractions of a second, and movement is the only thing that reliably extends it without asking the visitor for anything. A reveal spends that movement on your strongest asset instead of on a decorative element in the corner.
There is a second benefit for composition. A curtain means an image can start as a block of colour and become a photograph, so a section can hold its layout while the content changes. That is difficult to achieve any other way without a loading state.
It also buys you time in a very literal sense. Large photographs are the slowest thing on most pages, and a curtain gives the browser a moment of designed motion while the file finishes arriving, so the section looks intentional rather than half-loaded on a slower connection.
Keep it for the images that deserve it. Revealing everything means revealing nothing, and a page where every picture performs is exhausting to read.
The reveal is a moving clip, and the MDN clip-path reference shows the shapes that edge can take.
Yes. It applies to images you already placed, with no new widget.
Yes, which is the better choice inside galleries.
Follow the composition. Wide images usually read best uncovering sideways.
The reveal is a transform, so the cost is the image itself rather than the effect.
They see the image immediately, with no reveal.
The Elementor image curtain gives your best photographs an entrance: a panel slides away as the reader arrives or hovers, and the picture gets a moment instead of a glance. It applies to images already on the page, it takes seconds to set, and used on two images per page it lifts the whole layout.
The Image Curtain demo runs reveals in every direction across a hero, a gallery and an editorial pair, so you can compare directions rather than read about them. Every setting is in the Image Curtain documentation.
For depth rather than reveal, pair it with Elementor element parallax. Both are part of the release described in Sky Addons 4.0 and Pro 5.0.
Image Curtain is a Pro extension, included in every Sky Addons Pro plan, and the free versus Pro page shows what the free plugin covers.
Comments are closed.