Jump to content

SoldierCorp

Members
  • Content Count

    4
  • Joined

  • Last visited

Community Reputation

2 Newbie

About SoldierCorp

  • Rank
    Newbie
  1. Yes, that's exactly what I was looking for. Thank you! EDIT: Is not working as expected, the issue is happening when you have more than one tween, I just simple don't want to execute all the tweens until the hover delay is being completed.
  2. Hi, I created a simple pen just to show you the issue I am having in my real project and is related to the transition-delay because I need the animation starts only when the mouse stays in the element the desire time and not before, with CSS is easy because the transition-delay is the one for the job but I don't know how to do the same using JS/GSAP, do you have any idea? In the following example you can see that if you pass your mouse over the orange div, the animation will be triggered only if you stay for more than 0.5s so you can like move your mouse over it and the animation will not be triggered but this is not happening with the blue one because if you put your mouse over the div and you moved out before the 0.5s, the animation still will be triggered.
  3. That's exactly what I was looking for. Thank you @Shaun Gorneau
  4. Hello! I am trying to build like a wave animation but using multiple elements, in the pen I left, there are 6 levels with some circles in each level. The current animation behavior is... each level of elements starts right after the previous one finish but the behavior I want to achieve it's like a fluid wave, so when the first level it's like at 50% of it's animation, the next level should starts and the same for the next levels, so a complete wave will be visible in the timeline and of course when the last level finish, the wave will start again. Can you help me with that please?