Join Join
Join

0993D sphere

In this effect, we distribute images on the surface of an invisible sphere and spin it with drag or wheel input. The globe rotates in screen space with a soft follow, so every tile keeps facing the camera. Let’s get started!

HTML Structure

We place a perspective wrapper and a single sphere node that contains every image. Each photograph is a direct child so the script can park it in 3D without extra markup:

<section class="mwg_effect099">
    <div class="sphere-container">
        <div class="sphere">
            <img class="media" src="./assets/medias/01.png" alt="">
            <img class="media" src="./assets/medias/02.png" alt="">
            <img class="media" src="./assets/medias/03.png" alt="">
            …
        </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)