[Return to initial state.]

Thanks to a few guru's on this forum, I have made it to day 2 of my GSAP journey.

 

Now that I can make something happen, how do I reset it to its original state, ready to go again?

 

I have tried .reset(), as shown in the codepen, however, this does not seem to do anything.

 

Kind regards

Kevin

See the Pen zqWvKL by kevinwaterson (@kevinwaterson) on CodePen

[Tween Two Objects Simultaneously]

Exactly what I was looking for, many thanks

Kind regards

Kevin

[Tween Two Objects Simultaneously]

I wish to have two Tweens run simultaneously, however, I chain the .to() and they run consecutively.

 

 

 

What should happen, is the image traverses across the screen, whilst the background changes color.

 

Currently the images traverses across the screen, and then at the end, the background changes color.

 

All help appreciated.

 

Kind regards

Kevin

See the Pen ZWxGvL by kevinwaterson (@kevinwaterson) on CodePen

[Absolute beginner move div to right]

Carl, this was indeed, the issue.

Who would think I learned so much from something so simple.

 

Thanks all for your time.

Kind regards

Kevin

[Absolute beginner move div to right]

Most odd, this is my exact code, which works on codepen, but not locally

 

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

 

Kind regards

Kevin

[Absolute beginner move div to right]

OK, thanks, a stupid mistake, however, I can see it working in the codepen, but not on my machine.

I have included gsap library with 

  <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script>

 

Is this correct?

Am I missing something locally?

 

Kind regards

Kevin

[Absolute beginner move div to right]

Hi, newb here,

 

I am sure I am missing something bleeding obvious here.

But I am trying to follow the video tutorial without much success.

Why is this not working?

 

Kind regards

kevin

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