Jump to content
GreenSock

hambos22

Wink effect in SVG on repeat

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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

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

Link to comment
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()

?

Link to comment
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.
×