有没有一种方法可以告诉css网格一个项目在其网格单元中基本上是绝对定位的？

我正在玩一种使用网格的伪砖石布局。 到目前为止，它正在做我想要的。。。只有一个例外

我希望能够过滤掉某些类型的砖块，并把它们带回来。现在，我可以做的很好，除了我想动画过滤，因为我发现用户没有注意到项目正在被过滤掉。很可能是因为改变的盲目性

我已经链接了一个JSFIDLE，它实现了我所寻找的一切，除了当瓷砖被移除时不会褪色

我在JSFIDLE中提供的代码是Vue.js，但这并不是非常重要。您需要知道的是，任何需要应用的CSS属性都可能发生在类“cell leave active”中

允许砖块转换到新位置的类是“单元移动”

我希望找到的是一些css网格属性，它将允许与我相同的行为，但它在砖块褪色时保持其位置，但不会阻止其他砖块在褪色时移动到其位置

可能是“将此元素保持在其当前网格位置内，但不影响网格中其他元素的位置”。。。如果存在这样的事情。然而，即使这样也可能不是解决办法。。。因为这可能会导致正在制作动画的元素彼此重叠。。。所以，我有点不知所措

这个类允许其他砖块移动到当前被过滤掉的砖块的位置

如果我们删除

位置：绝对和
可见性：隐藏

我们得到了我想要的褪色行为，但其他砖块在完全褪色之前不会转换到它们的新位置。事实上，他们根本没有转变，因为他们的转变已经结束了

所以，如果你过滤掉一些砖块并点击我在小提琴中提供的重置按钮。。。这就是我想要的动画，但反过来，随着瓷砖被过滤掉

另外，我使用动态创建的样式（可以在html中找到）使元素符合网格的方式

grid-row-end : span <some dynamically determined int>

网格行结束：跨度

编辑：
我考虑过在下面有一个完整的第二个网格，并在下面的第二个网格上执行我没有从这个方法获得的动画。。。但我真的不想那样做。我宁愿元素没有按照我想要的方式设置动画，也不愿将我渲染和应用JavaScript的砖块数量增加一倍。
这里有两个独立的问题：一个是如何在使用
位置：绝对
时将单元格保持在原位，另一个是如何将它们淡出

嗯，那似乎不起作用。盒子还是不见了，就像以前一样。可能是因为可见性：隐藏；如果我去掉它，它会占据整个分区。你的意思是网格区域；1/1/4/1对吗？这也需要我知道布局中每个砖块的位置，对吗？哎呀，你更新了，让我再看一遍对不起！是的，这是两个不同的问题。首先，在使用
position:absolute
时，您需要将它们保持在原位，然后您应该使用
opacity:0
进行淡出，可能还有
指针事件：none
，以防止在淡出时单击它们。好的，谢谢！如果我得到了你的建议，我会给你的答案“接受”。目前仍在玩弄它。知道每一块砖的位置可能不可行，但我会继续玩下去。它也不是我期望的那样，即使是我在inspector中设置的一块砖头。还没有完全完成，但是如果你设置了网格区域：在第一个单元格上，这似乎是可行的！我会更多地玩它。。。非常感谢。正如我所说的，如果我能够动态设置网格区域，您肯定会得到接受的结果。：-）从技术上讲，这并没有让我完全达到目的，因为我无法轻松获得默认情况下单元格所在的行和列，但这确实让我达到了目的。接受，因为它确实在技术上回答了提出的问题。：-）再次感谢。
grid-row-end : span <some dynamically determined int>