Join Join
Join

121Clipped sections gallery

In this effect, we will open and close image frames as the user scrolls, while captions stay locked on screen. A light parallax keeps each photo moving inside its mask. Ready? Let’s dive in!

HTML Structure

The structure is relatively simple. A short hero introduces the page, then each entry lives in its own section:

<section class="mwg_effect121">
    <div class="hero">
        ...
    </div>
    <div class="section">
        ...
    </div>
    ...
</section>

Inside each section, a content block holds the captions, and a media block wraps the image:

<div class="section">
    <div class="content">
        <div class="text-left">...</div>
        <div class="text-right">...</div>
    </div>
    <div class="media">
        <img src="./assets/medias/01.png" alt="">
    </div>
</div>

We repeat that pattern for every slide. The script will walk them one by one and wire the same scroll choreography on each media frame.

Become a member to unlock
the full effect today.

Join now Join now

Discover the platform

See how the platform works: try our free effects.

Try it now Try it now

(No registration or credit card needed)