Jump to content


Autoalpha Confusion

Go to solution Solved by Shaun Gorneau,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

So, I was hoping to get the red square swinging in from the left followed by the Upper Title and Lower Title coming in from left and right. However, the css autoalpha on the TweenMax.from for upper title and lower title is not starting off at 0; therefore, the final state of the upper and lower title is seen, then it disappears and starts the from animation where both swing in? Not sure why this is happening as I am a just starting out in GSAP.

See the Pen xwOXjG by jstafford (@jstafford) on CodePen

Link to comment
Share on other sites

  • Solution

Take a look here, you can simplify the code quite a bit, and the results are (I believe) what you are looking for.


See the Pen VvjMoW by anon (@anon) on CodePen

  • Like 1
Link to comment
Share on other sites

Hi Shaun. Yes, much more elegant code than mine. Still a little unsure why the autoalpha wasn't working the way I wrote it, but I am still learning the API. Thank you very much for your help on this.

Link to comment
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.