Wink effect in SVG on repeat

[hambos22]

Hello to all!

 

Total noob at GSAP. I'm trying to make a loader (as you can see in the codepen is a carrot), and while it's loading the leaves in top of the carrots will have a wink effect. But I cant figure out how I can make the rotation smoothly! 

 

The timeline is:

 

-15deg and then 15deg

 

I tried to add one more tween for 0deg but without success, also I tried the yoyo but the same bad result.

 

With CSS I would just add "alternate" on animation shorthand and "infinite".

 

 

Thanks

See the Pen EVNjPe by hambos22 (@hambos22) on CodePen

[Diaco]

Hi hambos22 

 

pls check this out : 

See the Pen epBNRj by MAW (@MAW) on CodePen

[hambos22]

Thanks

 

So it was so simple huh? Just with tweenmax. Well, after the page loading I want to kill the animation. How can I do that? I just give a variable to this specific TweenMax and then I use 

ThisTween.kill()

?