en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en ms en de en fr en en en ca en en en en en en en en en en en sv en en en en en en en en en en en en en en en en en en en en en en en en en en en en es en nl en it en en en en en fr en de en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
Thanks Jack, That's really useful for me. And I like your easing better than my designer on this project. Also, loving GSAP so far. Have been very pleasantly surprised at how quickly I've been able to able to pick it up and achieve the effects I want.
CheJim posted a topic in GSAP
Hi, See attached codepen demo for an example of what I'm working with. Imagine the button is at the bottom of a form and the animation that happens on click will run while the form is being processed. Onclick the circle morphs into two dots which rotate in a loop 3 times and then morph back to the circle. The morph from a circle to two dots is what I'd like to be able to alter and am currently struggling with. At the moment the circle visually morphs to one of the dots and the other dot grows from nothing. I'd like to be able to have the circle kind of split in two and each half morph to a dot. I looked at and experimented with the shapeIndex property and findShapeIndex function but didn't have any luck with either. I'm pretty new to GSAP and working with SVG in general and at this point am unsure what I should try next. Could I construct my SVG better? Should I persist with shapeIndex and findShapeIndex? Any pointers appreciated.
“Really quite impressed with @GreenSock JS - even the small things.”
“No other animation library is as intuitive, rigorous, conceptually simple and well curated as GreenSock’s.”
“GSAP makes my job fun, because it allows me to focus on creating rich, engaging web experiences, while GSAP handles much of the implementation details behind the scenes.”
“GSAP has been absolutely the best experience for me as a newbie. The people in this community take serious time to help you with upcoming issues on real life projects like I've never experienced before.”
“+1 to GreenSock. It’s just one of the deepest and most reliable javascript libraries I’ve ever used”
“I am more and more amazed every day, and very glad that I decided to get a business license.”
“GSAP and CSS Transitions: I've done both, and its like comparing an F16 to a horse. Take like 10 minutes to try.”
“GreenSock is the best thing that happened to SVG animations since SVG animations.”
“@greensock it’s a great library that many people love, and I know you care deeply about performance :)”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.