Jump to content
Search Community

Search the Community

Showing results for tags 'gsap.to'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Found 1 result

  1. I want to create an animations where a lot of elements across the page all start to move towards the center, where a small circle starts to scale and transform into a phone, taking all these elements in. Using Nuxt Here is the sample code // Animation for scaterd object //The Animation works but it is triggered as soon as the component mounts userContext = $gsap.context((self) => { const user = self.selector('.user_01'); $gsap.fromTo(user, // { x: -350, y: -350 }, { x: 0, y: -100, scrollTrigger: { trigger: user, scrub: true, }, }); // }); }, users.value); //Animation for center element mainContext = $gsap.context((self) => { const boxes = self.selector('.box'); boxes.forEach((box) => { $gsap.fromTo(box, {}, { scale: 1, scrollTrigger: { trigger: box, scrub: true, }, }); }); }, main.value);
×
×
  • Create New...