Animated mouse scroll

[George_Konig (George)]

Hi Guys,

i was wondering if we can do this kind of animation in webflow without using code.
Anyone tried this already.

http://codepen.io/search/pens?q=animated+mouse+scroll&limit=all&type=type-pens

---

Here is my public share link: LINK
(how to access public share link)

[mrmtta (Matias Pittesrs)]

Hi @George_Konig,
here is a little example I put together for your question.
http://fss-image-test.webflow.io/mouse-scroll-animation

It is a little looping animation of the white circle:

• Move down and fade out.
  
  
• Waiting time between each loop.
  
  
• Refresh to its start state.
  
  

Make sure you activate the “loop” checkbox

[George_Konig (George)]

Hi @mrmtta This looks great. Could i have a look into the project?
How did you get the “rem” into that. When i try this it always gets denied.

This is how it looks so far. In case that anyone else is interested too.
https://preview.webflow.com/preview/koenigundsuess?preview=cb40d0731fcd6c65f2e8e8ade5816401

[mrmtta (Matias Pittesrs)]

You just need to type the value followed by the “rem” unit. Between the value and the unit name there is NO space. Like this.

when you hit enter Webflow recognizes the unit you want to use: rem, em, vw, vh…whatever you want

[mrmtta (Matias Pittesrs)]

This is a messy project I just use for testing.

https://preview.webflow.com/preview/fss-image-test?preview=5dad09d9872a264321721d8b9bd050f1

Under the pages panel you can find the Scroll Mouse Animation page.

[George_Konig (George)]

ah perfect. i had the space between so it didnt work. now it working. thanks a lot.