Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Mast3rmind

Problem with animations

Recommended Posts

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

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.

:)

  • Like 4
Link to post
Share on other sites
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.

  • Like 2
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×