how to set border in animation while array of object

[Vishal__nce]

Hi i am unable to one animation like all imag in the give scale to 1 then simultaneously its border grow to 2px with given color in tailwid css . I treid somehow it did not work . please help . Please help me
my some code https://stackblitz.com/edit/stackblitz-starters-tcbfhkfq?file=components%2FCourses.tsx I use gsap hook . can you please help

[Rodrigo]

Hi,

 

Your demo doesn't have any GSAP related code in it and GSAP is not even  installed 🤷‍♂️

https://stackblitz.com/edit/stackblitz-starters-3dvja7jr?file=package.json

[Vishal__nce]

Oh sorry I forgot to stackblitz i mostly code in va code i think I upload.wrong code i will update soon 

[Vishal__nce]

hi this is update link https://stackblitz.com/edit/stackblitz-starters-tcbfhkfq?file=components%2FCourses.tsx . Once again i am explaing animation i wan to  achieve a animation where i want to increase the only image size not the outer div also i want to achieve when it grow its border also increases in its maintained  colour black or red

[Rodrigo]

Hi,

 

You have the wrong selector in your code:

gsap.fromTo(
  "box",
  { scale: 0.8, opacity: 0 },
  {
    scale: 1,
    opacity: 1,
    duration: 1,
    stagger: 0.1,
    ease: "power2.out",
  }
);

You have "box" that tells GSAP to look for all the <box> elements, you probably want to target the elements with the class box, so it should be:

gsap.fromTo(
  ".box",
  { scale: 0.8, opacity: 0 },
  {
    scale: 1,
    opacity: 1,
    duration: 1,
    stagger: 0.1,
    ease: "power2.out",
  }
);

Hopefully this helps

Happy Tweening!

[Vishal__nce]

Hi thank you for your response i also made it correct but can you help me to achieve my other animtion where i have to stop my animation i am unable to do that that is my other gsap form.