Jump to content
Search Community

Combining timelines, staggerFromTo, and repeat opacity

Tigranchik test
Moderator Tag

Go to solution Solved by akapowl,

Recommended Posts

  • Solution

Hey @Tigranchik

 

That is mainly related to using a fromTo-tween on your 

 

$('.expertise:lt(4)')

 

so that third tween-instance in your timeline, that overwrites the values on your first tween when set up.

 

Just changing it to a .to tween already did the trick for me.

 

But also, I'd highly recommend migrating your code to the new syntax.

 

 

 

Here is a working example of what things could look like:

 

See the Pen bbbb33f522892b88f630ddf25c7f0db8 by akapowl (@akapowl) on CodePen

 

 

Edit:

What you could also do (if you wanted to keep it as a fromTo-tween), is add

 

immediateRender: false

to that tween, so it doesn't render things neccessary right away, when it's being set up but only, when it's played.

 

See the Pen 58b8eea5361e892de076936bdc6ae91e by akapowl (@akapowl) on CodePen

 

 

 

Hope this helps

Cheers,

Paul

 

 

 

  • Like 4
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.
×
×
  • Create New...