Join Join
Join

We’re glad to be nominated for Awwwards July Site Of The Month. Vote for us if you feel like it!

Vote for us Vote for us

111Two-State Drag Gallery

In this effect, we’ll browse a horizontal strip of images. The focused one scales up in the center while the others tuck toward the edges. Drag to explore, or let autoplay move forward!

HTML Structure

The structure is relatively simple. We have two labels and a horizontal strip of images inside a container:

<section class="mwg_effect111">
    <div class="text-state-1"></div>
    <div class="text-state-2"></div>

    <div class="container">
        <div class="content">
            <img class="media" src="./assets/medias/02.png" alt="" data-text="Silent Matter Shop">
            <img class="media" src="./assets/medias/03.png" alt="" data-text="Satisfy Running">
            <img class="media" src="./assets/medias/04.png" alt="" data-text="Poolsuite FM">
            …
        </div>
    </div>
</section>

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)