DiviGrid · Mask Transition Slider for Divi 5
Mask Transition Slider: scroll to change the photo
The slider holds still while you scroll, and each photo arrives through a mask: blinds, tiles, circles, doors, honeycomb and more. Thirteen masks in all, or a different one per slide.
Use case 01 · Shops
Groove Cellar: three floors of sound
Columns of tiles fill in from the left as you scroll down the shop.
Use case 02 · Tours & experiences
Night walks under a dark sky
Each place opens out of a circle, like looking up through a telescope.
Use case 03 · Clubs & sport
Sunday Milers run in all weather
A fast diagonal wipe for a fast club. The progress line runs along the top.
Use case 04 · Holiday rentals
Pinehollow: four cabins, no Wi-Fi
Each cabin opens like a front door, with a card for the details.
Use case 05 · Courses & workshops
Open Studio: paint something this weekend
Tiles drop in at random, like paint on a canvas.
Use case 06 · Resorts
Winter at Kaltberg
Vertical blinds sweep in from the right, like a fresh run down the slope.
Use case 07 · Wellness
Stillwater: three days of nothing
Fine horizontal blinds rise slowly from below. Scroll as slowly as you like.
Use case 08 · Farms & shops
Field & Bloom: pick your own
Each field spins in like a pinwheel. The counter at the top keeps your place.
Use case 09 · Events
Countdown on the river
Three moments, three masks: honeycomb, diamond and grid, each set on its own slide.
Use case 10 · Studios & agencies
Hue & Cry picks colours for a living
Bold columns rise from right to left. The card sits in the top right corner.
Thirteen masks, one module
Mask Transition Slider comes with DiviGrid, together with all our other Divi modules.







































