How to show the onLeave animation for a child when the parent is hidden in Flip?

[singlexyz]

When add `.active` class, the `.text` trigger the `onEnter` animation, it's fine.

 

When remove the `.active`  class, `onLeave` still runs,

but because the `.large` set `display: none` immediately, so the animation is invisible.

 

How can this situation be resolved? Is it only possible by changing the HTML structure?

See the Pen Porzxmv by nayuxuohz (@nayuxuohz) on CodePen.

[Rodrigo]

Hi,

 

Maybe something like this, using fade and absolute:

https://gsap.com/docs/v3/Plugins/Flip/static.from()#special-properties

 

See the Pen wvLWZBW by GreenSock (@GreenSock) on CodePen.

 

Hopefully this helps.

Happy Tweening!