Join Join
Join

0913D wheel gallery

In this effect, we arrange images in a 3D ring that spins on its own. Moving the pointer tilts the whole rig, and scrolling the wheel speeds up the rotation. Let’s build it!

HTML Structure

We nest three wrappers so each layer can spin or lean on its own axis. Every image sits inside a .media tile that we will later push onto a cylinder:

<section class="mwg_effect091">
    <div class="container">
        <div class="auto-rotation">
            <div class="wheel-rotation">
                <div class="media">
                    <img src="./assets/medias/01.png" alt="">
                </div>
                <div class="media">
                    <img src="./assets/medias/02.png" alt="">
                </div>
                <div class="media">
                    <img src="./assets/medias/03.png" alt="">
                </div>
                …
            </div>
        </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 Effect #000 for free.

Try it now Try it now

(No registration or credit card needed)