← All effectsPicture clip reveal

WBL effects library

Picture clip reveal

Photos wipe open and settle from a slight zoom as they scroll in.

Use it for: All with real photos: "our work" galleries for roofers, remodelers, landscapers, salons.
How: <figure data-fx="clip-reveal" data-dir="up|left|right|center"><img>. Never on the hero picture (it is the LCP element).
Weight: 1.0 KB gzipped (CSS + JS), no dependencies
Scroll down ↓
Finished bathroom vanity with two sinks

Default: wipes up

The work, shown big

The clip is on the image, the observed box stays put, so the reveal never moves the layout.

Copper refrigeration manifold
Close-up of wool carpet pile
Copper plumbing fittings
← All effects