Streaming live at 10am (PST)

How to create a line that animates/draws while scrolling

#1

Can anyone help point me in the right direction?
I’m trying to create a line animation similar to this website https://serioverify.com where the line is ‘drawing’ with scroll.

Thank you!

#2

This is definitely some kind of JavaScript at work. Try to inspect the webpage (F12) and find out what’s causing the animation. I don’t believe that this kind of effect could be achieved by pure-css in WEBFLOW.

#3

Thanks for the advice - looks like they are using http://maxwellito.github.io/vivus/ and custom JS. If anyone has experience, I’m looking for some help on a project! Thanks

1 Like