Search the Community
Showing results for tags 'refactor'.
Found 2 results
-
animateBanner() { let counter = 0; const intervalTime = 3000; const tlm = new TimelineMax({ paused: true }); setInterval(() => { if (counter === this.bannerPhotos.length) { tlm.to(this.banner.nativeElement, 0, { x: '-100vw' }); counter = 0; } tlm.to(this.banner.nativeElement, 1, { x: '-=100vw', ease: Sine.easeOut }); tlm.play(); counter++; }, intervalTime); } I am creating an infinite loop carousel with GSAP, I'm having issues with setInterval where the animation goes really fast when I switch to other tabs then I go back. How can I refactor the code above using the GSAP way.
-
Hi All, I've created a fish eye scaling effect but it uses lots of individual tweens, it seems VERY redundant. I tried creating a timeline but it didn't work at all Would a timeline approach for this work, given I need the instance of the object being hovered?
