admin管理员组

文章数量:1206388

I’m working on a "Hero-style" animation and could use some advice. I have a card on my body that I want to "move up" into a modal, and I’d like to move the card and scale it up at the same time when I click on it.

The issue I’m facing is that the animation looks strange and seems "buggy" — there’s a noticeable cut or jump during the transition, which ruins the smoothness I’m aiming for.

I’d like to know if anyone has an alternative approach to achieve this kind of animation. To clarify, I’d prefer to make the scale animation happen while the card is moving, rather than having the scaling occur afterward.

Any help or tips would be greatly appreciated!

Thanks in advance!

Here is the code I currently have

本文标签: nextjsMotionFramerHow to properly use scale with layoutIdStack Overflow