当你使用display:none时,你不能使用transition
您必须编辑与此代码相同的代码
工作
// comment this lines
/* for(var i=0;i<game.length;i++){
game[i].style.display='none';
}*/
//comment this line
/*for(var i=0;i<memes.length;i++){
memes[i].style.display='none';
}*/
将css更改为以下代码
.memes{
display: flex;
justify-content: center;
align-items: center;
border: 1px solid black;
width:48%;
height: 500px;
//do this
overflow:hidden;
}
.game{
display: flex;
justify-content: center;
align-items: center;
border: 1px solid black;
width:48%;
height: 500px;
//do this
overflow:hidden;
}