我正在构建一个单页电子商务应用程序。产品页面基于响应式网格中的卡片。我想制作一张卡片以使用类似动画或动画的方式扩展onClick到全屏以查看完整的产品页面。springease
问题是卡片被绑在网格上，并不总是在中心。从动画的角度来看，我尝试用 css 动画做的所有事情都看起来很糟糕，从代码的角度来看，感觉就像一辆自行车。
我只是想问一下，简而言之，实现这一目标的最佳方法是什么，我应该选择什么路径？我现在拥有的网格真的有可能吗，还是我应该尝试一些不同的东西？我想Framer Motion用作动画库。
在这里您可以看到类似于我想要实现的目标：https ://youtu.be/XyBbFMhMtik?t=10
这是我现在拥有的简化代码框：https : //codesandbox.io/s/dank-water-o2lpp
