Smooth Repeat Vertical motion

[Stagnax]

Hi,

How do I animate this ball up and down smoothly.

I'm using fromTo but i don't know where to put "repeat:-1"

See the Pen ZrZqEJ by stagnax (@stagnax) on CodePen.

[PointC]

Hi @Stagnax

 

This should work for you.

 

var tl= new TimelineMax({repeat:-1, yoyo:true});
tl.fromTo("#char", 1, { y: 100 }, { ease: Power0.easeNone, y: -100 });

 

Happy tweening.

 

[Shaun Gorneau]

As a property of TimelineMax();

 

You can also "yoyo" the tween to get rid of a fromTo

 

var tl= new TimelineMax({repeat:-1, yoyo: true});

 

See the Pen yvrRxK by sgorneau (@sgorneau) on CodePen.

 

[Shaun Gorneau]

Gahhhh!!!! Sorry @PointC ... just seconds after you :/

[Stagnax]

Again thank you Craig, I'm learning a lot form the past few days.

[PointC]

@Shaun Gorneau - great minds think alike and type at nearly the same speed.

 

@Stagnax - you're welcome. Happy to help.