hambos22

Wink effect in SVG on repeat

Recommended Posts

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 :)

Share this post


Link to post
Share on other sites

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()

?

Share this post


Link to post
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.