Join Join
Join

090Scrubbed random reveal

In this effect, we build a paragraph line by line as we scroll. On each line, letters appear in a random order until the full text reads normally. Let’s build it!

HTML Structure

We wrap a tall scroll driver around a pinned column. A small header sits above a single .paragraph node — SplitText will explode it into lines, words, and characters for us:

<section class="mwg_effect090">
    <div class="pin-height">
        <div class="container">
            <div class="header">
                <p class="left">About Hokusai</p>
                <div class="right">
                    <p>The Great Wave off Kanagawa</p>
                    <img src="./assets/medias/1.png" alt="">
                </div>
            </div>
            <p class="paragraph">Your long paragraph copy goes here.</p>
        </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)