如何使 Flexbox 容器中的项目在悬停时展开至 2 列而不移动/影响其余项目？

Question

我正在尝试在 Webflow 上重新创建这种交互。

到目前为止，我已经成功地重新创建了this

一切正常，除了每行上的第三列项目在悬停时向下移动到下一行，最终会产生闪烁效果

如何防止这种闪烁发生，而只是让第三列中的项目在悬停在同一行上时展开？

Answer 1

据我从你的陈述中了解到的，首先我发现将鼠标悬停在卡片上后它的生长并不顺利，所以你需要对其应用交互，这样悬停效果就会看起来很流畅。然后在将鼠标悬停在第三张卡上后在该行上添加溢出，我不会在右侧部分上展开（将鼠标悬停在第三张卡上后使第一张卡隐藏）