我正在做一个过滤器功能，用javascript过滤卡片，如果卡片与所选类别不匹配，我会从卡片中删除一个“isVisible”类。
我的问题是，有没有办法删除当前在屏幕上不可见的卡片所占用的空间？因为由于其他卡片隐藏，可见的卡片旁边会有空白。
下面是当前代码：https://codepen.io/Jaromme/pen/poKXLLM
有没有什么方法可以让我在css关键帧动画中播放过渡，或者现在是什么样子，在javascript中等待一段时间，然后应用display: none;？
任何想法都很好
我试过使用display: none;，但这完全删除了我正在使用的过渡。我也试过使用position: absolute;，但这对动画造成了不良影响。