Streaming live at 10am (PST)

Scroll indicator animation


#1

Hi Webflowers,

I was wondering if this kind of scroll animation can be done with Webflow.

I am referring to the animation that happens on the scroll down indicator at the bottom of the screen when you hover over it.

Thanks in advance!

Tae


#2

Yeah it should be done with Interactions. The arrow is made up of two elements a line and a triangle. They move together then separately then repeat.


#3

I believe that arrow is actually an SVG animation but you could indeed (as Anna has said) create an animation using interactions.

Mark


#4

Thanks guys! Now the real question is how do you do it? It looks like the arrow moves down out the container and reappears from the top. Anyone knows how to do it?

Thanks!


#5

Hello @ssibjay,

Here is an example of how it could be done :
https://preview.webflow.com/preview/sandbox-dfee6f?preview=e852cab3873ccbbc5efe097f33a87b70

Hope this helps,

Laurent


#6

That's exactly what I was looking for. Thanks so much!

Tae


#7

No problem @ssibjay.
Please if this answered your questions, check it as solved


#8

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