Issue with first use of animation

Hi, I came up on issue with animation. Animation includes moving, and changing opacity. The problem is, that opacity changing works instantly instead of gradually at first use of animation. After that, all works perfectly. Any solutions? Thanks

Video with issue


Here is my public share link: LINK

Hello @MCL_Kioto !

Welcome to the Webflow forums.

All you need to do is set an initial state for “karta” and “overlay-heading” like shown below.

-Duplicate the actions

-Under the timing click the slider that says initial state

-Change the opacity of “karta” to 0

-Change the y-coord of “overlay-heading” to 0px

I believe this should help you resolve the animation issue! Let me know if you need a further explanation or other help.

Always,

Sean

1 Like

Thanks buddy! I was struggling with it for so long.

1 Like