Start learning now
Get started

Thank you for your interest and welcome!

We’ve just sent you an email! Check your inbox (and spam folder) and save our email so you don’t miss what’s next!

Meanwhile, rendez-vous here:

011
Smooth letters

In this effect, we will make a sentence scroll from right to left as the user scrolls. As the sentence moves, the letters will gradually position themselves correctly. It's a perfect way to capture the user's attention. By the way, do I have your attention too? Then let's go!

HTML Structure

The structure is relatively simple. The sentence inside our container will move from right to left while remaining visible within the viewport.

<section class="mwg_effect011">
    <div class="container">
        <p class="text">This is something I’ve dreamed of since I was a kid.</p>
    </div>
</section>

Join Made With Gsap to
unlock the full tutorial

Get access