Join Join
Join

067Cylindrical Letter Reveal

In this effect, we’ll animate a title on scroll by revealing the letters one by one, following the shape of a cylinder. They’ll then disappear upward to complete the motion. Let’s get started!

HTML Structure

The section keeps a tiny scroll cue, then a tall spacer around a viewport-sized column that only contains the headline. We will explode it into nested spans before any motion runs:

<section class="mwg_effect067">
    <p class="scroll">Scroll</p>
    <div class="pin-height">
        <div class="container">
            <p class="text">Damnatio Memoriae</p>
        </div>
    </div>
</section>

As we scroll, each letter appears in perspective inside a cylinder, holds upright in the centre band, then folds away again — the stage stays pinned while the headline breathes in and out.

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)