Animation not working as intended

Design help Custom code
1

Hi there, I am trying to figure out why a certain animation is not working as intended. In the about section hero, the page loads correctly (text and image in the center of the screen). When you scroll down, the words should move out smoothly with the box scaling. What is happening instead is the words pop in, then scale.
The original is here: About | Human+Machine - Webflow HTML website template .
The published link is here: LINK
My original template is not working either, so I cannot use the backup option.
Thanks for the help!

Here is my site Read-Only: [LINK]( Webflow - Philipp Marc )
(how to share your site Read-Only link)

2

Hey @philippf ,

The pop-in effect is like happening due to the space between the initial state and when the image scales on load.

If your design requirements are accurate on load and don’t want this effect to come while scrolling, you can select the About / Scroll animation that you have setup, select the Text Move / Left action and enable the From property and set the Move X property to 0px.

AJ - Left text
AJ - Left text1814×791 180 KB

Repeat the same for Text Move / Right action as well.

AJ - Right text
AJ - Right text1855×796 183 KB

This should make sure the words move out of the screen in a smooth fashion without initially popping in and then moving out.

Hope this helps.

3

@AJ_Dev, hey! Wow. Working perfectly now. Thank you, thank you, thank you! Grateful for your help.

4

Welcome @philippf, glad it helped.

You can mark the tip as solution if it is resolved.