[Flip - onEnter / onLeave delay]

Damn. I didn't think about the overlapping of the layers...

 

This is exactly the effect I was looking for. Thanks a lot! ✌️

[Flip - onEnter / onLeave delay]

Does anyone have an idea? 😶

[Flip - onEnter / onLeave delay]

Hey @Rodrigo ! Thanks for your quick response. 

 

Unfortunately I think my problem is a bit more complex than that... For example when you switch between "Concert" and "Sport", I have the impression that the delay is not working. That's strange. The elements disappear too abruptly... I think it's related to the fact that there are 4 elements at the same position (so no movement).

 

I updated the codepen to change the code and put the background in white, we can see the transitions better now 👀

See the Pen WNadxJM by damienmontastier (@damienmontastier) on CodePen

 

Thanks 

 

[Flip - onEnter / onLeave delay]

Hey everyone! 

 

I'm currently developing a filter system with GSAP Flip using layers as a transition. I have a problem with the appearance delay, my onEnter appear before the onLeave. 

 

Using an official GSAP codepen, I have reproduced the effect I would like: 

See the Pen OJBOKOo by damienmontastier (@damienmontastier) on CodePen

I think I made a lot of mistakes and lot of stuff impossible, do you have any suggestions? 

 

For information, my final version (not the both codepen) is under Nuxt.js and I use nextTick to use the changes related to FLIP.

 

Thanks in advance ! 

See the Pen vYVWoge by damienmontastier (@damienmontastier) on CodePen