Top Header Animation Reveal - Overflow error

Design help Animations & Interactions
1

Hello,

I am trying to create a similar animation to this one I found on youtube:
https://www.youtube.com/watch?v=CI0Ew70mG5I&ab_channel=RobinG.

I think I have followed the steps correctly.
However, my animation has an error with the overflow.
The initial text position is not hidden, so it doesn’t ‘reveal’, it just moves up.
https://andrei-lascu.webflow.io/

This is my structure:
Screenshot 2022-06-05 at 16.09.33

Top Header Wrap is set to Overflow hidden.
Can anyone help me figure out what I may be missing?

Thanks!
Carlota

Here is my public share link: (https://andrei-lascu.webflow.io/)

2

Hi there,

Could you share the read-only link too. Thanks

3

Hi @carlocastells you have set only main container for heading top-header-wrap but you are missing div element header__line-wrapper that have overflow:hidden Inside this element should be placed your h1. When you change position of h1 -100% it will hide because of header__line-wrapper hiding its overflow .

Hope that helps to solve your request.