bit of a beginner question - how to move object up then down

[Bee]

I am trying to move a div square for example up using this....

 

TweenMax.to(".surprise-card", 1, {delay: 1.2, ease: Power4.easeOut, y: -500});

 

Then I want to move it back down over something (so changing the zIndex) but it over writes the previous command, which it's supposed to do but I'm not sure how to make this work.

 

Cheers,

 

Bee

[PointC]

Hi @Bee

 

Welcome to the forum.

 

I'm not sure what you mean by overwriting the previous command? To answer you question, you can change the zIndex and make one element higher/lower than another. Here's a basic example:

See the Pen xLOKXm by PointC (@PointC) on CodePen

If you have other questions, a CodePen demo is the way to get the best answers. Here's some info about that:

Happy tweening.

[Bee]

Thank you for your help! I will do that next time

 

Bee