Mouse Scrolling Animation

Hello - I am looking to complete a scrolling mouse animation on my site that looks like this: https://codepen.io/danieledesantis/pen/qrVYpm

I was able to build out the mouse with two div’s. I am not understanding the steps of animation that are needed. I have figured out how to move the dot (on page load) but when I try to loop it, it still only plays one time when the page loads.


Here is my public share link: LINK

Hello @BenjaminBachman

Can you share your read only link please?

Got it… Thanks, I should have done that in the first place.

1 Like

Just following up to see if anyone has any ideas how to successfully make this animation possible.

Sorry @BenjaminBachman

For some reason I thought that I answered this one a while ago. Here’s a small video to replicate this effect:

http://cloud.ipagroup.co/rbF6

You can always play with times and replicate this in the new IX2 as well. This is a basic idea.

@aaronocampo Thank you so much for taking the time to walk thru this, seriously I am grateful. Just out of curiosity… why did you choose to do it with the legacy interactions?

Hello @BenjaminBachman

I know that this is going to sound weird but I find it easier :grimacing:

@aaronocampo that makes complete sense. Thanks again for your help!

Blasphemy @aaronocampo :rofl:

1 Like