Hold down mouse ignore images and elements

Hi guys,

I’ve been messing around with this background

https://webflow.com/website/incredible-webgl-animation

Where the background animates if you hold down left click and move the mouse around the screen.

Probleme is if you have a text overlay the element blocks the mouse from interacting with the background and if you have a image overlay the mouse does that weird thing where it tries to drag the image.

Any idea on how i can make the mouse ignore everything thats not the background ?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi! This should work:

  1. Add this code to your “Custom Code” → “Head Code” section

  2. Add a combo class to all the elements that you want to ignore mouse interactions for with the “ignore-mouse” tag

Let me know if you face any issues. Good luck!


<style type="text/css">
          .ignore-mouse {
          pointer-events: none;
          }
</style>