I'm working on a webpage in react and i'm having a problem with the navbar animation. I created a GSAP timeline which makes the navbar come in from above after which the logo and links fade in (opacity). There is also a delay on the first animation because i want some other animations to display first from another component. When i save my code the animation runs as it should but when i refresh te page to see it again, the animation doesn't display properly and the navbar sort of snaps into place after 5 seconds. Am I missing something here?
First effect of timeline not displaying properly in react
in GSAP
Posted
I'm working on a webpage in react and i'm having a problem with the navbar animation. I created a GSAP timeline which makes the navbar come in from above after which the logo and links fade in (opacity). There is also a delay on the first animation because i want some other animations to display first from another component. When i save my code the animation runs as it should but when i refresh te page to see it again, the animation doesn't display properly and the navbar sort of snaps into place after 5 seconds. Am I missing something here?
The code is included.
See the Pen dyrxjbq?editors=0010 by Sdem15211 (@Sdem15211) on CodePen