Share Posted June 20, 2017 Hi, I am having problems animating with JavaScript. What I want the animation to do: All I want is that the logo, "TITLE" and navigation to have a fade in effect only (which it currently does fine). Problem: After the navigation element fades in, the logo and "TITLE" momentarily fades out and fades in again. I have been having a problem with Velocity.js as well. I think it might be something I am doing wrong. Any help on this would be appreciated. Thanks See the Pen xrdgpV by The_Mast3rmind (@The_Mast3rmind) on CodePen Link to post Share on other sites
Share Posted June 20, 2017 Hi @Mast3rmind Welcome to the forum. The problem is CSS related. You're setting all your elements backgrounds to black so the nav-bar is over the top of the logo and title and they appear to fade a second time. You can either remove the black background on line 7 of your CSS or set the nav-bar background to transparent. Either method will fix your problem. Happy tweening. 4 Link to post Share on other sites
Author Share Posted June 20, 2017 1 hour ago, PointC said: Hi @Mast3rmind Welcome to the forum. The problem is CSS related. You're setting all your elements backgrounds to black so the nav-bar is over the top of the logo and title and they appear to fade a second time. You can either remove the black background on line 7 of your CSS or set the nav-bar background to transparent. Either method will fix your problem. Happy tweening. Thank you. It solved the problem. 2 Link to post Share on other sites
