Jump to content
GreenSock

Just_Jack

What property can I use to get a pulse effect?

Recommended Posts

What properties could I use to make a pulse effect like this? I tried using yoyo and scale to recreate the effect but neither of these worked.

tl.to(pulse,yoyoEase:Power2.easeOut, repeat:10})

tl.to(pulse,{transformOrigin:"center center", autoAlpha:1, duration:1, scale: 1})

 

See the Pen vzMMBm by FrankieDoodie (@FrankieDoodie) on CodePen

Link to comment
Share on other sites

Hey Jack and welcome to the GreenSock forums!

 

To do that exact thing in GSAP it'd look like this using CSS variables:

See the Pen bGErWVB?editors=0100 by GreenSock (@GreenSock) on CodePen

 

But if you converted the rings to "real" elements then it could be simplified to this:

See the Pen YzwxVwm?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I'm sure you'll come to love GSAP and all of the conveniences that it provides once you get used to it :) 

  • Like 1
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.
×