Scroll Animation: Text to shrink and move when scrolled in and move back to position when scrolled out

Design help Design inspiration
1

Hello,

I am wanting to achieve a similar effect to this where the screens scroll and the hero heading becomes the logo in the navbar, and when scrolled back to the top it again becomes the while the heading. Below is the link
https://the-live-dept.com/?ref=maxibestof.one

I don’t know how to create this I’ve tried using move and scale in when scrolling into animation, but not able to achieve that if you could point me towards a tutorial or a cloneable site, that’d be awesome, and this is what am able to achieve so far… https://preview.webflow.com/preview/garimas-trendy-site?utm_medium=preview_link&utm_source=designer&utm_content=garimas-trendy-site&preview=3e8e5b1868ac670ac00610a14c81ecb9&workflow=preview

Many thanks in advance!

1 Like
2

@Garima_Sharma,

Did you get this working? If not I can help.

3

Hi, yes please help me out.

4

Oh I see it on the “Work” page. Yeah let me see the best way to do it… something like this:

5

Yes exactly like this :star_struck:, how you did do this please let me know

6

Hey, did I answer you? I got busy and can’t find my brain from last week :slight_smile:
Sorry, if I didn’t.

7

Hey,
No actually, I was wondering how did you animated it? If you could explain me the steps exactly that would be a great help.

Thanks

8

Sure, I’ll send you a message with steps. Do you want a video walkthrough or text step by step?

9

Video walk-through would be the best, If it is not too much to ask :sweat_smile:

10

Hi @garymichael1313 & @Garima_Sharma

I am also looking for this effect on my website! Can you share the tip with me please? You would help me a lot :pray:

Thanks in advance.

11

Please include a read-only link to your Webflow site for the fastest help (community members won’t be able to help without it).

This panel will only appear for your first 25 posts.
Did you get this working? If not I can help.

12

If any of you have figured out this feature can you please share with me? I have been trying to figure this out for days and I’m not having any luck :frowning:

Thank you so much!