Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by mark.tingson

  1. Hi guys,

    I'm trying replicate this carousel effect on one of my projects. 



    My concern is that, whenever I tried to drag hard and fast, the carousel doesn't snap to the next slide and it animates all the way. I thought I need to change something on the snap function and apply the gsap.utils.wrap method but I can't figure it out. Anyone know what's the best approach to make it snap just on the next and previous slide?


    Thank you so much!

    See the Pen GRJwLNP by GreenSock (@GreenSock) on CodePen

  2. Hi all,


    I'm having issues with a simple GSAP3 tween code that I use inside an Adobe Animate banner. 


    I have a movieclip that has a simple scaling animation that uses Adobe Timeline. Now, I want that movieclip to scale using GSAP 3 so I wrote a code right after the Timeline animation.


    The issue is that, the GSAP3 tween doesn't work but it only works when the code is in the last frame of the Adobe Timeline. 


    I've also tried adding overwrite: true but it doesn't work.. I thought maybe I am missing some options that I need to add on my GSAP3 tween. 


    You can check out my simple demo file attached.


    Thanks in advance!

    GSAP 3 Scale.zip

  3. Hi guys,


    I am working on an effect that when users click on the left and right arrows, it should rotate accordingly same like a horizontal image slider/carousel works. However, this one should have a stacking effect and I thought that the modifiers would be key to achieving this. I think I need to animate the y, scale and z-index so the values should always rotate to the following values:


    y: -20, -10, 0

    scale: 0.9, 0.95, 1

    z-Index: 0, 1, 2


    Can someone please help me understand what I am missing?  I may not be understanding how modifiers works.  Hope my CodePen makes sense.


    Thanks in advance!


    See the Pen GRWBNLX?editors=1010 by mark-anthony-tingson (@mark-anthony-tingson) on CodePen

  4. So I have a Timeline that has a series of staggerFrom. Each staggerFrom has an onComplete event that fires properly. However, I want my parent Timeline to yoyo: true, and repeat once (repeat:1, repeatDelay:1) so it reverses back. If I add those parameters, the onComplete event from each staggerFrom is not firing on reverse.  Is there anything I am missing? TIA!


    Please note that I need to get some properties of the element (like the width and left position) after the each stagger animation.  And I have multiple staggerFrom and tweens within my parent timeline. 




    See the Pen YJQVYz?editors=1111 by anon (@anon) on CodePen


    See the Pen YJQVYz?editors=1111 by anon (@anon) on CodePen