我在代码中遇到了一个问题，可能有人知道解决方案。

我创建了一些卡片，我希望当我点击其中一张时，上面会出现一张新的更大的卡片。我用for循环很容易就完成了，但问题是转换，我想设置一个平滑的转换。

较大牌的初始状态为和 我知道我们不能淡化display none元素，但我的想法是在css中的“card-open”元素中首先设置a，然后使用转换属性。

但是这种转变不起作用，这让我很疯狂，因为我不知道为什么

我在这里共享codepen链接:https://codepen.io/arnaudhrt/pen/vwwblze

和javascript代码:

display: none;

ps:我不能设置显示块并切换不透明度，因为如果我这样做了，我就不能使用带有z索引的其他卡片。

顺晟科技：

可以使用可见性代替显示，显示在CSS中没有过渡效果。