How do I set up this custom code scroll animation?

Design help General
1

Hi all,

I’m trying to add this scroll animation to my website: Scroll Icon Animation – CodeMyUI

How do I embed this custom code? I’ve tried adding a div called ‘icon-scroll’, and I’ve added the stylus code to my ‘custom code’ section (before ), but it hasn’t worked. Think I’m missing something quite simple.

Gah!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

I think that you can easily make the same one using interactions. Give me 10 min.

2 Likes
3

Yeah you’re right - I wanted to use the code so that it was identical to the client’s needs but it’s probably lazy of me not to just build it

1 Like
4

Here’s the live version > https://scroll-icon-animation.webflow.io/

Clone and explore here > https://webflow.com/website/Scroll-icon-animation

You need to play with the timings, but the basics are there.

Have fun :webflow_heart:

1 Like
5

Aah, amazing, thank you!

2 Likes