Recently, I have made this cool web animation for an Upwork client with GSAP ScrollTrigger.
It was a challenging task to calculate the target positions dynamically and make it working for Desktop, Tablet and Mobile including browser resize events.
๐ ๐ต๐ฎ๐๐ฒ ๐๐๐ถ๐น๐ถ๐๐ฒ๐ฑ ๐ด๐ฒ๐๐๐ผ๐๐ป๐ฑ๐ถ๐ป๐ด๐๐น๐ถ๐ฒ๐ป๐๐ฅ๐ฒ๐ฐ๐ ๐๐ผ ๐ด๐ฒ๐ ๐ผ๐ณ๐ณ๐๐ฒ๐ ๐๐ผ๐ฝ, ๐น๐ฒ๐ณ๐, ๐๐ถ๐ฑ๐๐ต, ๐ต๐ฒ๐ถ๐ด๐ต๐ ๐ฒ๐๐ฐ. ๐ฎ๐ป๐ฑ ๐ณ๐ถ๐ป๐ฑ ๐๐ต๐ฒ ๐๐ฎ๐ฟ๐ด๐ฒ๐ ๐ฝ๐ผ๐๐ถ๐๐ถ๐ผ๐ป๐ ๐ฑ๐๐ป๐ฎ๐บ๐ถ๐ฐ๐ฎ๐น๐น๐.
It was implemented in clientโs Elementor WordPress Site which also works like Single Page Application (SPA). So, I also had to use Elementorโs page transitions events and apply the animation calls and cleaning accordingly.
Video Link: https://youtu.be/5pLg4o0FKBM
If you need some cool web animations, you can hire me on Upwork.
https://www.upwork.com/freelancers/~0166c25fe6338aa8c3
Top comments (0)