Interactive background reacting to cursor movement

Design help Animations & Interactions
1

Hi,

I am trying to achieve this effect on webflow.
I want an interactive background that reacts to the cursor movement on the browser window. Something like this: http://www.thepetedesign.com/demos/interactive_bg_demo.html

The files are in there, but I cannot understand how to use them and how to add the code onto the webflow to achieve the effect. Can someone help me out?

2

Hi @Mann_Kaur, this is what you need, the definitive tutorial on this :smile:

Thanks always and much respect to @PixelGeek

Cheers, Dave

1 Like
3

Thanks a lot Dave!
It is not working for me, I guess it is probably because I have just one layer with an image that I am trying to move.

4

Hi @Mann_Kaur, you can also try creating the other images as transparent images and try layering those. That might work :slight_smile: Cheers, Dave