Jump to content
Search Community

Unable to chain different elements inside a gsap.timeline

xoxoxoxo test
Moderator Tag

Recommended Posts

I'm trying to group animations for different elements and it doesn't seem to move other elements except the first one on the chain:
 

const tl = gsap.timeline({ defaults: { ease: 'back.out', duration: 1.5, force3D: 'auto' } })
	.to('.el-1', { translateY: -$(splash).height() })
	.to('.el-2', { opacity: 0 })
	.pause();

t1.progress(count);


The second element ".el-2" doesn't seem to tween. I have to create a seperate timeline.

Is there a way I can chain diff elements and control it with one variable?

  • Like 1
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...