Jump to content
GreenSock

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

Speed up single property within a staggerFrom

Recommended Posts

In the attached codepen I have a timeline in which `blocks` stagger into the display.  That all works fine and well, but I'd like to make it so that the `autoAlpha` property runs a bit quicker than the rest -- for instance 300ms rather than 600ms.

 

Is there any way of achieving this type of interaction with certain properties within a stagger going quicker than the rest?

See the Pen BdZXMQ by ekfuhrmann (@ekfuhrmann) on CodePen

Link to comment
Share on other sites

Not sure, but if I had to do it I would have just animated that property separately with extra line of code.

 

See the Pen ZJJEGE by Sahil89 (@Sahil89) on CodePen

 

  • Like 1
Link to comment
Share on other sites

That definitely can work. I'll keep an eye here if there is a better approach, but otherwise I'll go ahead with your suggestion.

 

Thanks!

Link to comment
Share on other sites

Hi @ekfuhrmann,

 

Welcome to GreenSock Forums.

 

That´s a good version @Sahil codeded: a separate tween for autoAlpha.

Here for the numbers also. Plus a 'slowGo' for controlling:

 

 

See the Pen qXXBYP by mikeK (@mikeK) on CodePen


Happy tweening ...
Mikel

  • Like 1
Link to comment
Share on other sites

Thanks for the welcoming and demo @mikel. I like the idea of using `tl.timeScale` for better control while deving, so thanks for the suggestion! I also finalized the codepen based on what I took away from this thread and attached it bellow.

 

See the Pen BdZXMQ by ekfuhrmann (@ekfuhrmann) on CodePen

 

Thanks all for the assistance!

  • Like 2
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.
×