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:

Exciting news! We've hit a huge milestone:
MWG now has 1,000 members! To celebrate it, we’re offering 15% off. Don’t miss out!

Use MILESTONE15 at checkout.
15% off until Sunday, Sept 14.

Get started

021
Bubbly mouse trail

In this tutorial, we'll create an effect where a set of images animates in response to the movement of the mouse cursor. To make the effect more dynamic and engaging, we'll also add some randomness. I love the snappy feel of this effect. Let's get started!

HTML Structure

The structure here is quite simple. We will simply call the set of images we want for our effect:

<section class="mwg_effect021">
  <div class="medias">
    <img src="./assets/medias/01.png" alt="">
    <img src="./assets/medias/02.png" alt="">
    <img src="./assets/medias/03.png" alt="">
    <img src="./assets/medias/04.png" alt="">
  </div>
</section>

Join Made With Gsap to
unlock the full tutorial

Get access