To celebrate the launch of our new collection of effects, we partnered with Codrops for a fun little tutorial exploring an interactive animation where images appear following the mouse cursor. The twist: once an image has appeared, it falls to the bottom of the viewport, bounces, and then disappears. Visit the demo link to download the ZIP files or copy the component directly into your Webflow project. 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="codrops_mwg"> <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> Some CSS Now, I will hide these images using a bit of CSS.…