Streaming live at 10am (PST)

Animated mouse scroll


#1

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)


#2

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:

Make sure you activate the "loop" checkbox


#3

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


#4

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


#5

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.


#6

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


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.