I have an SVG graphic and I'm looking to make four elements appear in place. I've been using GSAP, but the elements seem to be flying into place rather than scaling up. Here's the code snippet I've been using:
gsap.fromTo(
'#ide, #html, #handlebar, #search',
1.5,
{
scale: 0,
},
{
scale: 1,
yoyo: true,
ease: 'none',
repeat: -1,
}
);
To see the current working version, you can check out the CodePen link here.
I want the elements to simply scale up from their original position without appearing to fly in from the right. How can I achieve this effect with GSAP? Any help would be appreciated.