In this effect, we will make a set of images scroll based on the movement of the mouse. To make the overall animation feel more dynamic, each image will slide according to the direction and origin of the movement.
HTML Structure
The structure here is quite simple. We will simply call the set of images we want for our effect:
<section class="mwg_effect020">
<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>