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:

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