Just_Jack Posted June 26, 2020 Share Posted June 26, 2020 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 More sharing options...
ZachSaucier Posted June 26, 2020 Share Posted June 26, 2020 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 1 Link to comment Share on other sites More sharing options...
Just_Jack Posted June 29, 2020 Author Share Posted June 29, 2020 Thank you @ZachSaucier Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now