Flip element misalignment problem

[gonghaibo]

Hi, I am a newbie to gsap. When I found the flip plugin, I was so surprised. It was amazing.
But after my exploration, I found that there would be a slight misalignment here. How can I solve it?
Currently, I found that the only way is to increase the delay, but this is not perfect. I have been working hard for two weeks on this problem and have not found a suitable solution.

My Expectations
 

 

 

this is my codesanbox

https://codesandbox.io/p/sandbox/gallant-neco-vnq8j8

See the Pen gallant-neco-vnq8j8 by p (@p) on CodePen.

[Rodrigo]

Hi,

 

Yeah not a lot that can be done since all the animations are happening at the same time, with the same duration and easing function, that overlap is bound to happen.

 

What you can do is also scale down the element being added in order to avoid that, as show in these demos:

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

 

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

 

Hopefully this helps

Happy Tweening!