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 



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.