我正在制作一个使用javascript过滤卡片的过滤器功能。我通过删除"isVisible"如果与所选类别不匹配，则从卡片中创建。
我的问题是，有没有一种方法来消除间距卡占用时，它目前不可见的屏幕上?由于其他卡片是隐藏的，因此可见的卡片旁边有空白。
下面是当前代码:https://codepen.io/Jaromme/pen/poKXLLM
是否有某种方法可以在css关键帧动画中播放过渡，或者目前如何，在javascript中等待一定的时间，然后应用display: none;?
如果你有什么想法的话，那就太好了
我试图使用display: none;，但这完全消除了我正在使用的过渡。我也试过使用position: absolute;，但这会对动画产生不良影响。
也许你可以减少div的高度/宽度/填充，直到它为0
例如:
@keyframes animation{
0%{height:200px;}
/*...Some medium values*/
100%{height:0px;}}